如何用Node去写一个Web应用框架

第一步，用node输出一个hello world

1. var http=require('http'); 
2. http.createServer(function(req,res){ 
3.     var urlPares=url.parse(req.url); 
4.     var query=querystring.parse(urlPares.query); 
5.     res.end('hello world'); 
6. }).listen(80); 

大部分的node教程在这里会告诉你，我们很容易的建立的一个服务器。但是在实际使我们通常使用的是express.(f**k,难道Node必须要用express吗？自己实现一个Web应用框架真的很难吗？）其实并不是。

那么既然打算自己写我们首先要知道我们要做哪些事情。 1.路由或者智能路由 2.静态文件输出 3.session/cookie 4.模版渲染 5.数据库处理 6.文件上传

第二步，路由

路由好高大上的名字，它是干啥的？url对应具体方法就是它该做的事情。 那么我们为什么不让url对应xxx文件的xx方法。 例如：/user/login能不能自动对应到user.js的login方法上。实现起来很难么？其实只需要几句代码


1. var fs = require("fs"); 
2. module.exports=function(req,res){ 
3.     var query=req.query; 
4.     var urlPares=req.urlPares; 
5.     var pathname=urlPares.pathname; 
6.     var arr=pathname.split("/"); 
7.     req.arr=arr; 
8.     //start 这段代码处理默认行为。可以先忽略 
9.     if(arr.length==0||arr.length==1){ 
10.         arr=["","index","index"]; 
11.     }else if(arr.length==2){ 
12.         arr.push("index"); 
13.     } 
14.     if(arr[1]==""){ 
15.         arr[1]="index"; 
16.     } 
17.     if(arr[2]==""){ 
18.         arr[2]="index"; 
19.     } 
20.     //end 这段代码处理默认行为。可以先忽略 
21.     if (fs.existsSync(APP_PATH+'/controller/'+arr[1]+'.js')){ 
22.         var controller=require('./controller/'+arr[1]); 
23.         if(controller[arr[2]]){ 
24.             controller[arr[2]](req,res); 
25.         }else{ 
26.             res.writeHead(404,{'Content-Type': 'text/plain' }); 
27.             res.end("你访问的控制器不存在指定方法"); 
28.         } 
29.     }else{ 
30.         res.writeHead(404,{'Content-Type': 'text/plain' }); 
31.         res.end("你访问的路径不存在"); 
32.     } 
33. } 

通过fs判断文件是否存在。然后去require它就行了。APP_PATH是个全局变量表示程序入口的路径。

第三步，静态文件输出

静态文件输出我们需要一个库MIME

1. var url = require("url"); 
2. var fs = require("fs"); 
3. var mime = require('mime'); 
4. /** 
5.  * [[检测是否为静态资源]] 
6.  * @param   {Object}   req [[Description]] 
7.  * @param   {[[Type]]} res [[Description]] 
8.  * @returns {bool} [[Description]] 
9.  */ 
10. module.exports = function (req, res) { 
11.     //正则表达式检测文件后缀 
12.     var url_resource_reg = /.*\.(html|htm|gif|jpg|jpeg|bmp|webp|htc|swf|png|ico|txt|js|css)/; 
13.     if (!url_resource_reg.test(req.url)) { 
14.         return false; 
15.     } 
16.     var urlPares = url.parse(req.url); 
17.     var pathname = urlPares.pathname; 
18.     var fileUrl = APP_PATH + "/static" + pathname; 
19.  
20.     if (fs.existsSync(fileUrl)) { 
21.         var contentType = mime.lookup(fileUrl); 
22.         res.setHeader('Content-Type', contentType || "text/plain"); 
23.  
24.         var fileStream = fs.createReadStream(fileUrl); 
25.         fileStream.pipe(res); 
26.         fileStream.on('end', function () { 
27.             res.end(); 
28.         }); 
29.         return true; 
30.     } else { 
31.         return false; 
32.     } 
33. } 

第四步，session/cookie

这里稍微有点。但是代码量也不多


1. var sessions = {}; 
2. var sessionKey = 'session_key'; 
3. var EXPIRES = 30 * 60 * 1000; 
4. function randString(size) { 
5.     var result = ''; 
6.     var allChar = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; 
7.     size = size || 1; 
8.     while (size--) { 
9.         result += allChar.charAt(rand(0, allChar.length - 1)); 
10.     } 
11.     return result; 
12. } 
13. var generate = function () { 
14.     var session = {}; 
15.     session.id = Date.now() + randString(12); 
16.     session.cookies = { 
17.         expire: Date.now() + EXPIRES 
18.     } 
19.     sessions[session.id] = session; 
20.     return session; 
21. } 
22. var parseCookie= function (cookie) { 
23.     var cookies = {}; 
24.     if (!cookie) { 
25.         return cookies; 
26.     } 
27.     var list = cookie.split(";"); 
28.     for (var i = 0; i < list.length; i++) { 
29.         var pair = list[i].split("="); 
30.         cookies[pair[0].trim()] = pair[1]; 
31.     } 
32.     return cookies; 
33. } 
34. var serializeCookies = function (cookies) { 
35.     var arr = []; 
36.     for (var key in cookies) { 
37.         arr.push(serialize(key, cookies[key])); 
38.     } 
39.     return arr; 
40. } 
41. var serialize = function (name, value, option) { 
42.     var pairs = [name + '=' + encodeURI(value)]; 
43.     //设置cookie默认共用"/"路径 
44.     option = option || { 
45.         path: "/" 
46.     }; 
47.     if (option.maxAge) pairs.push('Max-Age=' + option.maxAge); 
48.     if (option.domain) pairs.push('Domain=' + option.domain); 
49.     if (option.path) pairs.push('Path=' + option.path); 
50.     if (option.expires) pairs.push('Expires=' + option.expires); 
51.     if (option.httpOnly) pairs.push('HttpOnly'); 
52.     if (option.secure) pairs.push('Secure'); 
53.     return pairs.join('; '); 
54. } 
55. module.exports = function (req, res) { 
56.     req.cookies = parseCookie(req.headers.cookie); 
57.     var id = req.cookies[sessionKey]; 
58.     if (!id) { 
59.         req.session = generate(); 
60.     } else { 
61.         var session = sessions[id]; 
62.         if (session) { 
63.             if (session.cookies.expire > Date.now()) { 
64.                 session.cookies.expire = Date.now() + EXPIRES; 
65.                 req.session = session; 
66.             } else { 
67.                 delete sessions[id]; 
68.                 req.session = generate(); 
69.             } 
70.         } else { 
71.             req.session = generate(); 
72.         } 
73.     } 
74.     for (var key in sessions) { 
75.         if (sessions[key].cookies.expire < Date.now()) { 
76.             delete sessions[key]; 
77.         } 
78.     } 
79.     var writeHead = res.writeHead; 
80.     res.writeHead = function () { 
81.         delete req.cookies[ham_sessionKey]; 
82.         var sessionStr = serialize(ham_sessionKey, req.session.id); 
83.         res.setHeader('Set-Cookie', serializeCookies(req.cookies).concat(sessionStr)); 
84.         return writeHead.apply(res, arguments); 
85.     } 
86. } 

第五步，模版渲染

这是最简单的。因为我用https://github.com/aui/artTemplate ,自己用自己喜欢的模块组件就行了

第六步，数据库处理

这里可以是用一些ORM框架。例如https://github.com/dresende/node-sql-query

第七步，文件上传，post

这里只需要一个组件https://github.com/felixge/node-formidable

第八步，就是你把上面的代码组织起来。

可以参考我的实现 https://coding.net/u/as3long/p/today/git/tree/master/node_modules/ham 代码比较乱，见谅。

来源：51CTO