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. 运行结果.