如何创建Node.js Web服务器

2021-01-24 07:12

阅读:719

标签: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 Projecttitle>
 7 head>
 8 body>
 9     h1>Hello JAVAh1>
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


评论


亲,登录后才可以留言!