用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文件看作动态资源。

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

?
1
2
3
4
5
6
7
8
9
10
11
12
//处理静态资源
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)

?
1
2
3
4
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,简单而强大是我的最爱,这里只看最后的的判断,

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
fs.exists(localPath, function (exists) {
    if (exists) {
        if (staticRes) {
            staticResHandler(localPath, ext, response); //静态资源
        } else {
            try {
                <strong><span style="color: rgb(0, 128, 0);">var handler = require(localPath);</span></strong>
                if (handler.processRequest && typeof handler.processRequest === 'function') {
                    <span style="color: rgb(0, 128, 0);"><strong>handler.processRequest(request, response);</strong></span> //动态资源
                } 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文件区分开!

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

?
1
2
3
4
5
6
7
//配置
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模块的功能就是删除模板缓存:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var querystring=require('querystring');
var url=require('url');
exports.processRequest = function (request, response) {
    response.writeHead(200, { 'Content-Type': 'text/html' });
    var qs= querystring.parse(url.parse(request.url).query);
    if(qs.key){
        delete require.cache[qs.key];
    }
    response.write('<html><head></head><body>');
    for(var key in require.cache){
        response.write('<a href="?key='+key+'">'+key+'</a><br/>');
    }
    response.write('<a href="?">View</a><br/>');
    response.end('</body></html>');   
}

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

然后就是删哪个点哪个就可以(对于httpserver.js来说,是一个很实用小功能)。

源代码有两个文件:

httpserver.js(这个是必须的)

var http = require('http');
var url = require('url');
var fs = require('fs');
var path = require('path');//配置
var config = {port: 80,denyAccess: ['./httpserver.js', './src/requirecache.js'],localIPs: ['127.0.0.1'],srcpath: '/src'
};//开始HTTP服务器
http.createServer(processRequestRoute).listen(config.port);
console.log("Server has started. port:"+config.port);//路由URL
function processRequestRoute(request, response) {var pathname = url.parse(request.url).pathname;if (pathname === '/') {pathname = "/index.html"; //默认页面
    }var ext = path.extname(pathname);var localPath = ''; //本地相对路径var staticres = false; //是否是静态资源if (ext.length > 0) {localPath = '.' + pathname;staticRes = true;} else {localPath = '.' + config.srcpath + pathname + '.js';staticRes = false;}//禁止远程访问if (config.denyAccess && config.denyAccess.length > 0) {var islocal = false;var remoteAddress = request.connection.remoteAddress;for (var j = 0; j < config.localIPs.length; j++) {if (remoteAddress === config.localIPs[j]) {islocal = true;break;}}if (!islocal) {for (var i = 0; i < config.denyAccess.length; i++) {if (localPath === config.denyAccess[i]) {response.writeHead(403, { 'Content-Type': 'text/plain' });response.end('403:Deny access to this page');return;}}}}//禁止访问后端jsif (staticRes && localPath.indexOf(config.srcpath) >= 0) {response.writeHead(403, { 'Content-Type': 'text/plain' });response.end('403:Deny access to this page');return;}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');}});
}//处理静态资源
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");}});
}//得到ContentType
function getContentTypeByExt(ext) {ext = ext.toLowerCase();if (ext === '.htm' || ext === '.html')return 'text/html';else if (ext === '.js')return 'application/x-javascript';else if (ext === '.css')return 'text/css';else if (ext === '.jpe' || ext === '.jpeg' || ext === '.jpg')return 'image/jpeg';else if (ext === '.png')return 'image/png';else if (ext === '.ico')return 'image/x-icon';else if (ext === '.zip')return 'application/zip';else if (ext === '.doc')return 'application/msword';elsereturn 'text/plain';
}

httpserver.js

requirecache.js(这个是很有用的,要放到config.srcpath路径下)

var querystring=require('querystring');
var url=require('url');exports.processRequest = function (request, response) {response.writeHead(200, { 'Content-Type': 'text/html' });var qs= querystring.parse(url.parse(request.url).query);if(qs.key){delete require.cache[qs.key];}response.write('<html><head></head><body>');for(var key in require.cache){response.write('<a href="?key=' + key + '">' + key + '</a><br/>');}response.write('<a href="?">View</a><br/>');response.end('</body></html>');
}

requirecache.js

完成例子下载

分类: Download, Tool, Tips
标签: node.js, node, web服务器
好文要顶 关注我 收藏该文联系我

loogn
关注 - 1
粉丝 - 94

+加关注

1
0
(请您对文章做出评价)

« 上一篇:单从Advice(通知)实现AOP
» 下一篇:C#版的MapReduce

posted @ 2013-10-10 23:46 loogn 阅读(15247) 评论(4) 编辑 收藏
评论列表
#1楼 2013-10-11 08:51 贤达
不错,支持一下,node.js是值得学习和推广的语言。
可以看一下, node-d2server 代替apache
http://vbooking.github.io/
支持(0)反对(0)

http://pic.cnblogs.com/face/u33953.jpg?id=29083412

#2楼[楼主] 2013-10-11 10:30 loogn
@ 贤达
谢谢支持
支持(0)反对(0)

http://pic.cnblogs.com/face/u58668.jpg?id=05094845

#3楼 2013-10-11 13:49 simonleung
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
if (ext === '.htm' || ext === '.html')
    return 'text/html';
else if (ext === '.js')
    return 'application/x-javascript';
else if (ext === '.css')
    return 'text/css';
else if (ext === '.jpe' || ext === '.jpeg' || ext === '.jpg')
    return 'image/jpeg';
else if (ext === '.png')
    return 'image/png';
else if (ext === '.ico')
    return 'image/x-icon';
else if (ext === '.zip')
    return 'application/zip';
else if (ext === '.doc')
    return 'application/msword';
else
    return 'text/plain';

可怖

支持(0)反对(0)

#4楼[楼主]27909322013/10/11 19:08:05 2013-10-11 19:08 loogn
@ simonleung
每个简单的API后都有一个蹩脚的实现,哈哈。
而且这也可以修改成对象key/value的形式取得,不用说了吧!

用node.js实现简单的web服务器相关推荐

  1. 使用node.js作为简单的Web服务器

    我想运行一个非常简单的HTTP服务器. 对example.com每个GET请求都应该将index.html提供给它,但是作为常规HTML页面(即,与阅读普通网页时相同的体验). 使用下面的代码,我可以 ...

  2. Fenix – 基于 Node.js 的桌面静态 Web 服务器

    Fenix 是一个提供给开发人员使用的简单的桌面静态 Web 服务器,基于 Node.js 开发.您可以同时在上面运行任意数量的项目,特别适合前端开发人员使用. 您可以通过免费的 Node.js 控制 ...

  3. Node.js之十大Web框架

    Node.js之十大Web框架 之前接触过Node.js是因为好奇大前端越来越能干了,连我后台的饭碗都要抢了,太嚣张了,于是我想打压打压它,然后就这样接触它了. 再到后来是因为Settings-Syn ...

  4. NGINX配置基于Node.js服务的负载均衡服务器

    NGINX配置基于Node.js服务的负载均衡服务器 本部署指南说明了如何使用NGINX开源和NGINX Plus在Node.js应用程序服务器池之间平衡HTTP和HTTPS通信.本指南中的详细说明适 ...

  5. 开启简单的web服务器成为文件下载服务器

    2019独角兽企业重金招聘Python工程师标准>>> 开启简单的web服务器成为文件下载服务器 1 进入需要共享的目录 2 运行命令 开启web服务 命令: python -m S ...

  6. Linux C简单的web服务器

    Linux C简单的web服务器 目录 Linux C简单的web服务器 一.基础类型重命名 二.包裹函数(wrap.h/wrap.c 主要是网络通讯和多线程的包裹函数) 三.服务端程序(web_se ...

  7. 如何使用Node.js构建完整的GraphQL服务器

    by Jack R. Scott 杰克·R·斯科特(Jack R.Scott) 如何使用Node.js构建完整的GraphQL服务器 (How to build a full GraphQL serv ...

  8. js 给服务器发消息,的Node.js:发送消息至服务器

    我有我的服务器上运行以下的node.js:的Node.js:发送消息至服务器 var net=require('net'); var util=require('util'); var server= ...

  9. Node.js 从零开发web server博客项目--项目初始化

    本篇博客记录了<Node.js 从零开发web server博客项目>的原生开发系列内容. 开篇主要介绍原生项目的搭建,以及初步的项目结构设计. 一.项目初始化 新建项目目录,并进入到项目 ...

  10. 用 Node.js 手写一个 DNS 服务器

    DNS 是实现域名到 IP 转换的网络协议,当访问网页的时候,浏览器首先会通过 DNS 协议把域名转换为 IP,然后再向这个 IP 发送 HTTP 请求. DNS 是我们整天在用的协议,不知道大家是否 ...

最新文章

  1. XamarinForms教程构建XamarinForms开发环境
  2. 《Abaqus GUI程序开发指南(Python语言)》——第一章 概述1.1 简单插件实例——创建带孔板有限元模型...
  3. 丰田pcs可以关闭吗_丰田新款卡罗拉变化这么大 让老车主陷入沉思
  4. 生活就是要开“新”,攀升电脑陪你一起大胆想象
  5. 什么软件能打开prt文件_prt文件怎么打开
  6. ubuntu安装utorrent,以闪电的速度在六维空间下载东西!
  7. 计算机网络应用和ps的实训报告,ps实训报告心得体会.doc
  8. 《MLB美职棒大联盟》:MLB最佳阵容·MLB新年也要身体倍棒
  9. ASEMI快恢复二极管RS1M、US1M和US1G能相互代换吗
  10. Django开源项目
  11. Mac 更新系统后无法使用git
  12. HTTP和HTTPS协议,看一篇就够了
  13. SQL中的函数:单值函数、聚合函数
  14. DotAsterisk(点星PBX)呼叫中心系统在阿里云ECS服务器上的安装部署
  15. 转载ubuntu下codeblocks安装及汉化教程
  16. 智慧城市 低功耗物联网技术与应用并进
  17. 基于SMTP协议的电子邮件客户端程序
  18. RPT-4-D-2T高清录播一体机
  19. 海康 nvr获取历史视频流
  20. 自动化测试项目实战 ——12306火车票网站自动登录工具

热门文章

  1. echart 动画 饼图_巧用EChart画动态饼图
  2. Web报表系统葡萄城报表:报表设计
  3. 基于Java的中国象棋对弈系统
  4. 中了exe病毒文件夹变exe应用程序解决办法
  5. 鸿蒙用户突破3亿,拳打谷歌安卓,脚踢苹果iOS
  6. c#语言中文编程下载,C#编程自学软件
  7. 亚马逊云科技的IoT+AI能力覆盖边缘与云,在云端提供稳定的云服务支持
  8. C程序设计语言逆波兰式计算器学习心得
  9. 玩转PS路径,轻松画logo!
  10. 请假要组长和经理同时审批该怎么办?来看看工作流中的会签功能