用node.js实现简单的web服务器

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

node.js实现web服务器还是比较简单的，我了解node.js是从《node入门》开始的，如果你不了解node.js也可以看看！

我根据那书一步一步的练习完了，也的确大概了解了node.js，不过里面写的路由的地方总感觉不方便，十一放假最后一天，试着写了个简单的web服务器，现在分享记录于此！

http模块已提供了基本功能，所以我主要解决两个问题，1是静态资源的处理，2是动态资源的路由。

静态资源在node.js里的意思是不变的，如图片、前端js、css、html页面等。

动态资源我们一般指aspx页面，ashx页面，asp页面，jsp页面，php页面等，而node.js里其实没动态资源这一说，它对请求的处理都是由回调方法完成的，在我实现的httserver里，借鉴了ashx的写法，把处理请求的js文件看作动态资源。

首先实现一个处理静态资源的函数，其实就是对本地文件的读取操作，这个方法已满足了上面说的静态资源的处理。

//处理静态资源function staticResHandler(localPath, ext, response) { fs.readFile(localPath, "binary", function (error, file) { if (error) { response.writeHead(500, { "Content-Type": "text/plain" }); response.end("Server Error:" + error); } else { response.writeHead(200, { "Content-Type": getContentTypeByExt(ext) }); response.end(file, "binary"); } });}

而动态资源肯定不能一个方法搞定，就像你的网站有register.aspx、login.aspx等等，都需要你自己来写，在我的httpserver里，每个处理请求的js模块都导出processRequest(request,response)即可，比如实现一个register.js(只输出字符串register)

exports.processRequest = function (request, response) { response.writeHead(200, { 'Content-Type': 'text/plain' }); resp.end("register");}

现在当请求到来时，我们要做的就是决定怎么处理，即路由。

因为静态资源url指定静态资源大家都很习惯了，所以这里不变，比如

访问http://localhost/img/logo.png 就是访问 web根目录\img\logo.png；

访问http://localhost/js/what.js 就是访问 web根目录\js\what.js；

而动态资源也是一般的js文件，即服务器端js，就比如我实现的这个httpserver.js和上面说的register.js都是不应该让用户访问的，所以路由的时候要判断，就是一些if、else，简单而强大是我的最爱，这里只看最后的的判断，

fs.exists(localPath, function (exists) { if (exists) { if (staticRes) { staticResHandler(localPath, ext, response); //静态资源 } else { try { var handler = require(localPath); if (handler.processRequest && typeof handler.processRequest === 'function') { handler.processRequest(request, response); //动态资源 } else { response.writeHead(404, { 'Content-Type': 'text/plain' }); response.end('404:Handle Not found'); } } catch (exception) { console.log('error::url:' + request.url + 'msg:' + exception); response.writeHead(500, { "Content-Type": "text/plain" }); response.end("Server Error:" + exception); } } } else { //资源不存在 response.writeHead(404, { 'Content-Type': 'text/plain' }); response.end('404:File Not found'); } });

处理静态资源上面已说过了，请看处理动态资源的那两句，localPath是相对web根目录的后端js的路径，如果上面register.js在根目录/src/account文件夹里，那么你的url请求就是http://localhost/account/register，而这时localPath就是./src/account/register.js，注意这里不是MVC，只是url没有src路径和.js后缀而已，那么为什么要这样呢？就是为了和前端js文件区分开！

再有，没有配置的程序不是好程序，不过我的配置总是很烂的配置！（你可能感觉我写的很乱，不过没关系，后面给出完整代码，看一下就清楚了，如果你感觉不错，下载了事例在你电脑上运行了，那我也倍感荣幸了！）

//配置var config = { port: 80, denyAccess: ['./httpserver.js', './src/requirecache.js'], localIPs: ['127.0.0.1'], srcpath: '/src'};

./src/requirecache.js这个文件是干什么的呢？这里要说明一下，require这个方法是有缓存机制的，它把加载过的模块都缓存到require.cache这个对象中，当第二次require的时候就直接回返缓存的模块了，当然这样是为性能考虑，但是我修改一下register.js是不想重启web服务器的，如果你感觉无所谓，那这个特殊的动态资源就不需要了，请明白，requirecache.js和register.js是被一样看待的，都是处理请求的js文件。requirecache.js模块的功能就是删除模板缓存：

运行了node httpserver.js后，打开http://localhost/requirecache大概是这样：