Node.js实战建立简单的Web服务器

高洛峰

发布时间：2016-12-28 11:24:02

1118人浏览过

来源于php中文网

原创

如果你熟悉.net或其他类似平台的web开发，你可能会像，建立一个web服务器有什么，在visual studio中建立一个web工程，点击运行即可。事实的确是这样，但请不要忘记，这样的代价是，比如果说，你是用.net开发web应用，你就使用了完整的iis作为你的web服务器基础，这样当你的应用发布时就只能用iis了。而如果使用独立服务器（利用system.web.hosting自己构建的话），你则必须处理各种httplistener和相应线程，则会比较麻烦，毕竟.net不是专注于面向web的。node.js在这方面提供了方便且可定制的途径，你可以在其基础上构建精巧且完全面向你应用的服务平台。

一、建立简单的web服务器涉及到node.js的一些基本知识点：

1、请求模块
在node.js中，系统提供了许多有用的模块（当然你也可以用javascript编写自己的模块，以后的章节我们将详细讲解），如http、url等。模块封装特定的功能，提供相应的方法或属性，要使用这些模块，需要先请求模块获得其操作对象。

例如要使用系统的http模块，可以这样写：

var libHttp = require('http'); //请求HTTP协议模块

这样，以后的程序将可以通过变量libHttp访问http模块的功能。本章例程中使用了以下系统模块：
http：封装http协议的服务器和客户端实现；
url：封装对url的解析和处理；
fs：封装对文件系统操作的功能；
path:封装对路径的解析功能。
有了这些模块，我们就可以站在巨人的肩膀上构建自己的应用。
2、控制台
为了更好的观察程序的运行，方便在异常时查看错误，可以通便变量console使用控制台的功能。

console.log('这是一段日志信息'); 
计时并在控制台上输出计时信息： 
//开始计时 
console.timeEnd('计时器1'); //开始名称为“计时器1”的计时器 
... 
... 
... 
//结束计时，并输出到控制台 
console.timeEnd('计时器1'); //结束称为“计时器1”的计时器并输出

3、定义函数
在Node.js中定义函数的办法与普通JavaScript中完全相同，不过我们推荐的写法如下，即使用一个变量为函数命名，这样可以比较方便明确的将函数作为参数传递给其他函数:

//定义一个名为showErr的函数 
var showErr=function(msg){ 
var inf="错误!"+msg; 
console.log(inf+msg); 
return msg; 
}

4、创建Web服务器并侦听访问请求
创建Web服务器最重要的是提供Web请求的响应函数，它有两个参数，第一个代表客户端请求的信息，另一个代表将要返回给客户端的信息。在响应函数中应解析请求信息，依据请求，组装返后内容。

//请求模块 
var libHttp = require('http'); //HTTP协议模块 
//Web服务器主函数,解析请求,返回Web内容 
var funWebSvr = function (req, res){ 
res.writeHead(200, {'Content-Type': 'text/html'}); 
res.write(''); 
res.write('*** Node.js ***'); 
res.write('Hello!'); 
res.end(''); 
} 
//创建一个http服务器 
var webSvr=libHttp.createServer(funWebSvr); 
//开始侦听8124124端口 
webSvr.listen(8124124);

5、解析Web请求
对于简单的Web网页访问请求，重要的信息包含在请求信息参数的url里，我们可以使用url解析模块解析url中的访问路径，并利用path模块，将访问路径组装为要访问的实际文件路径用于返回。

var reqUrl=req.url; //获取请求的url 
//向控制台输出请求的路径 
console.log(reqUrl); 
//使用url解析模块获取url中的路径名 
var pathName = libUrl.parse(reqUrl).pathname; 
//使用path模块获取路径名中的扩展名 
if (libPath.extname(pathName)=="") { 
//如果路径没有扩展名 
pathName+="/"; //指定访问目录 
} 
if (pathName.charAt(pathName.length-1)=="/"){ 
//如果访问目录 
pathName+="index.html"; //指定为默认网页 
} 
//使用路径解析模块,组装实际文件路径 
var filePath = libPath.join("./WebRoot",pathName);

6、设置返回头
由于是Web请求，需要在返回内容中包含http返回头，这里重点是依据要访问的文件路径的文件扩展名，设置http返回头的内容类型。

var contentType=""; 
//使用路径解析模块获取文件扩展名 
var ext=libPath.extname(filePath); 
switch(ext){ 
case ".html": 
contentType= "text/html"; 
break; 
case ".js": 
contentType="text/javascript"; 
break; 
... 
... 
default: 
contentType="application/octet-stream"; 
} 
//在返回头中写入内容类型 
res.writeHead(200, {"Content-Type": contentType });

7、向返回对象中写入访问的文件内容
有了需要访问的文件实际路径，有了文件对应的内容类型，就可以利用fs文件系统模块读取文件流并返回给客户端。

//判断文件是否存在 
libPath.exists(filePath,function(exists){ 
if(exists){//文件存在 
//在返回头中写入内容类型 
res.writeHead(200, {"Content-Type": funGetContentType(filePath) }); 
//创建只读流用于返回 
var stream = libFs.createReadStream(filePath, {flags : "r", encoding : null}); 
//指定如果流读取错误,返回404错误 
stream.on("error", function() { 
res.writeHead(404); 
res.end("404 Read Error"); 
}); 
//连接文件流和http返回流的管道,用于返回实际Web内容 
stream.pipe(res); 
} 
else { //文件不存在 
//返回404错误 
res.writeHead(404, {"Content-Type": "text/html"}); 
res.end("404 Not Found"); 
} 
});

二、测试及运行
1、完整源码
以下100行左右的JavaScript就是建立这样一个简单web服务器的全部源码：

//------------------------------------------------ 
//WebSvr.js 
// 一个演示Web服务器 
//------------------------------------------------ 
//开始服务启动计时器 
console.time('[WebSvr][Start]'); 
//请求模块 
var libHttp = require('http'); //HTTP协议模块 
var libUrl=require('url'); //URL解析模块 
var libFs = require("fs"); //文件系统模块 
var libPath = require("path"); //路径解析模块 
//依据路径获取返回内容类型字符串,用于http返回头 
var funGetContentType=function(filePath){ 
var contentType=""; 
//使用路径解析模块获取文件扩展名 
var ext=libPath.extname(filePath); 
switch(ext){ 
case ".html": 
contentType= "text/html"; 
break; 
case ".js": 
contentType="text/javascript"; 
break; 
case ".css": 
contentType="text/css"; 
break; 
case ".gif": 
contentType="image/gif"; 
break; 
case ".jpg": 
contentType="image/jpeg"; 
break; 
case ".png": 
contentType="image/png"; 
break; 
case ".ico": 
contentType="image/icon"; 
break; 
default: 
contentType="application/octet-stream"; 
} 
return contentType; //返回内容类型字符串 
} 
//Web服务器主函数,解析请求,返回Web内容 
var funWebSvr = function (req, res){ 
var reqUrl=req.url; //获取请求的url 
//向控制台输出请求的路径 
console.log(reqUrl); 
//使用url解析模块获取url中的路径名 
var pathName = libUrl.parse(reqUrl).pathname; 
if (libPath.extname(pathName)=="") { 
//如果路径没有扩展名 
pathName+="/"; //指定访问目录 
} 
if (pathName.charAt(pathName.length-1)=="/"){ 
//如果访问目录 
pathName+="index.html"; //指定为默认网页 
} 
//使用路径解析模块,组装实际文件路径 
var filePath = libPath.join("./WebRoot",pathName); 
//判断文件是否存在 
libPath.exists(filePath,function(exists){ 
if(exists){//文件存在 
//在返回头中写入内容类型 
res.writeHead(200, {"Content-Type": funGetContentType(filePath) }); 
//创建只读流用于返回 
var stream = libFs.createReadStream(filePath, {flags : "r", encoding : null}); 
//指定如果流读取错误,返回404错误 
stream.on("error", function() { 
res.writeHead(404); 
res.end("404 Read Error"); 
}); 
//连接文件流和http返回流的管道,用于返回实际Web内容 
stream.pipe(res); 
} 
else { //文件不存在 
//返回404错误 
res.writeHead(404, {"Content-Type": "text/html"}); 
res.end("404 Not Found"); 
} 
}); 
} 
//创建一个http服务器 
var webSvr=libHttp.createServer(funWebSvr); 
//指定服务器错误事件响应 
webSvr.on("error", function(error) { 
console.log(error); //在控制台中输出错误信息 
}); 
//开始侦听8124124端口 
webSvr.listen(8124124,function(){ 
//向控制台输出服务启动的信息 
console.log('[WebSvr][Start] running at http://127.0.0.1:8124124/'); 
//结束服务启动计时器并输出 
console.timeEnd('[WebSvr][Start]'); 
});

2、资源目录

既然要建立Web服务器，我们需要创建一个WebRoot目录来存放实际的网页和图片资源，“WebRoot”的目录名在以上源码中被用于组装实际文件路径。

Node.js实战建立简单的Web服务器

极限网络办公Office Automation

专为中小型企业定制的网络办公软件,富有竞争力的十大特性： 1、独创 web服务器、数据库和应用程序全部自动傻瓜安装，建立企业信息中枢只需3分钟。 2、客户机无需安装专用软件，使用浏览器即可实现全球办公。 3、集成Internet邮件管理组件，提供web方式的远程邮件服务。 4、集成语音会议组件，节省长途话费开支。 5、集成手机短信组件，重要信息可直接发送到员工手机。 6、集成网络硬

下载

3、运行并测试

在命令行中输入:

node.exe WebSvr.js

我们的Web服务器就运行起来了，这时，可以通过浏览器对其进行访问，运行效果如下：

Node.js实战建立简单的Web服务器