码迷,mamicode.com
首页 > Web开发 > 详细

如何创建Node.js Web服务器

时间:2020-07-06 20:12:04      阅读:83      评论:0      收藏:0      [点我收藏+]

标签:jquer   err   tostring   project   读取   图片   innerhtml   ima   输出   

 

Web服务器主流的有Apache, Nginx 和 IIS. 这些我们都不用, 我们用Jave创建一个服务器.

 

1. 首先安装Java库和NodeJS库, 这些都是开源的库,可以在网上直接下载, 安装, 设置好环境变量就可以了.

 

2. 写一个Web服务的脚本文件: server.js

 1 var http = require(‘http‘);
 2 var fs = require(‘fs‘);
 3 var url = require(‘url‘);
 4  
 5  
 6 // 创建服务器
 7 http.createServer( function (request, response) {  
 8    // 解析请求,包括文件名
 9    var pathname = url.parse(request.url).pathname;
10    
11    // 输出请求的文件名
12    console.log("Request for " + pathname + " received.");
13    
14    // 从文件系统中读取请求的文件内容
15    fs.readFile(pathname.substr(1), function (err, data) {
16       if (err) {
17          console.log(err);
18          // HTTP 状态码: 404 : NOT FOUND
19          // Content Type: text/html
20          response.writeHead(404, {‘Content-Type‘: ‘text/html‘});
21       }else{             
22          // HTTP 状态码: 200 : OK
23          // Content Type: text/html
24          response.writeHead(200, {‘Content-Type‘: ‘text/html‘});    
25          
26          // 响应文件内容
27          response.write(data.toString());        
28       }
29       //  发送响应数据
30       response.end();
31    });   
32 }).listen(8080);
33  
34 // 控制台会输出以下信息
35 console.log(‘Server running at http://127.0.0.1:8080/‘);

3. 写一个index.html文件, 放到你的服务器目录下, 就是Server.js目录下

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
 5 <meta charset="utf-8">
 6 <title>My first JS Project</title>
 7 </head>
 8 <body>
 9     <h1>Hello JAVA</h1>
10     <p>I love node.js </p>
11     <button id = "button" type = "button"> 点击我 </button>
12     
13     <script>
14         $(document).ready(function(){
15             $("button").click(function(){
16                 $("#button")[0].innerHTML = "爱你";
17             })
18         })
19         
20     </script>
21 </body>
22 </html>

4. 运行结果.

技术图片

 

如何创建Node.js Web服务器

标签:jquer   err   tostring   project   读取   图片   innerhtml   ima   输出   

原文地址:https://www.cnblogs.com/montai/p/13256309.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!