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

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

var http=require('http');
http.createServer(function(req,res){
    var urlPares=url.parse(req.url);
    var query=querystring.parse(urlPares.query);
    res.end('hello world');
}).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方法上。实现起来很难么?其实只需要几句代码

var fs = require("fs");
module.exports=function(req,res){
    var query=req.query;
    var urlPares=req.urlPares;
    var pathname=urlPares.pathname;
    var arr=pathname.split("/");
    req.arr=arr;
    //start 这段代码处理默认行为。可以先忽略
    if(arr.length==0||arr.length==1){
        arr=["","index","index"];
    }else if(arr.length==2){
        arr.push("index");
    }
    if(arr[1]==""){
        arr[1]="index";
    }
    if(arr[2]==""){
        arr[2]="index";
    }
    //end 这段代码处理默认行为。可以先忽略
    if (fs.existsSync(APP_PATH+'/controller/'+arr[1]+'.js')){
        var controller=require('./controller/'+arr[1]);
        if(controller[arr[2]]){
            controller[arr[2]](req,res);
        }else{
            res.writeHead(404,{'Content-Type': 'text/plain' });
            res.end("你访问的控制器不存在指定方法");
        }
    }else{
        res.writeHead(404,{'Content-Type': 'text/plain' });
        res.end("你访问的路径不存在");
    }
}

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

第三步,静态文件输出

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

var url = require("url");
var fs = require("fs");
var mime = require('mime');
/**
 * [[检测是否为静态资源]]
 * @param   {Object}   req [[Description]]
 * @param   {[[Type]]} res [[Description]]
 * @returns {bool} [[Description]]
 */
module.exports = function (req, res) {
    //正则表达式检测文件后缀
    var url_resource_reg = /.*\.(html|htm|gif|jpg|jpeg|bmp|webp|htc|swf|png|ico|txt|js|css)/;
    if (!url_resource_reg.test(req.url)) {
        return false;
    }
    var urlPares = url.parse(req.url);
    var pathname = urlPares.pathname;
    var fileUrl = APP_PATH + "/static" + pathname;

    if (fs.existsSync(fileUrl)) {
        var contentType = mime.lookup(fileUrl);
        res.setHeader('Content-Type', contentType || "text/plain");

        var fileStream = fs.createReadStream(fileUrl);
        fileStream.pipe(res);
        fileStream.on('end', function () {
            res.end();
        });
        return true;
    } else {
        return false;
    }
}

第四步,session/cookie

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

var sessions = {};
var sessionKey = 'session_key';
var EXPIRES = 30 * 60 * 1000;
function randString(size) {
    var result = '';
    var allChar = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
    size = size || 1;
    while (size--) {
        result += allChar.charAt(rand(0, allChar.length - 1));
    }
    return result;
}
var generate = function () {
    var session = {};
    session.id = Date.now() + randString(12);
    session.cookies = {
        expire: Date.now() + EXPIRES
    }
    sessions[session.id] = session;
    return session;
}
var parseCookie= function (cookie) {
    var cookies = {};
    if (!cookie) {
        return cookies;
    }
    var list = cookie.split(";");
    for (var i = 0; i < list.length; i++) {
        var pair = list[i].split("=");
        cookies[pair[0].trim()] = pair[1];
    }
    return cookies;
}
var serializeCookies = function (cookies) {
    var arr = [];
    for (var key in cookies) {
        arr.push(serialize(key, cookies[key]));
    }
    return arr;
}
var serialize = function (name, value, option) {
    var pairs = [name + '=' + encodeURI(value)];
    //设置cookie默认共用"/"路径
    option = option || {
        path: "/"
    };
    if (option.maxAge) pairs.push('Max-Age=' + option.maxAge);
    if (option.domain) pairs.push('Domain=' + option.domain);
    if (option.path) pairs.push('Path=' + option.path);
    if (option.expires) pairs.push('Expires=' + option.expires);
    if (option.httpOnly) pairs.push('HttpOnly');
    if (option.secure) pairs.push('Secure');
    return pairs.join('; ');
}
module.exports = function (req, res) {
    req.cookies = parseCookie(req.headers.cookie);
    var id = req.cookies[sessionKey];
    if (!id) {
        req.session = generate();
    } else {
        var session = sessions[id];
        if (session) {
            if (session.cookies.expire > Date.now()) {
                session.cookies.expire = Date.now() + EXPIRES;
                req.session = session;
            } else {
                delete sessions[id];
                req.session = generate();
            }
        } else {
            req.session = generate();
        }
    }
    for (var key in sessions) {
        if (sessions[key].cookies.expire < Date.now()) {
            delete sessions[key];
        }
    }
    var writeHead = res.writeHead;
    res.writeHead = function () {
        delete req.cookies[ham_sessionKey];
        var sessionStr = serialize(ham_sessionKey, req.session.id);
        res.setHeader('Set-Cookie', serializeCookies(req.cookies).concat(sessionStr));
        return writeHead.apply(res, arguments);
    }
}

第五步,模版渲染

这是最简单的。因为我用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 代码比较乱,见谅。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏北京马哥教育

编译安装httpd-2.4.9及新特性详解

前言 前面我们讲解了httpd在CentOS6上(httpd-2.2)的相关功能配置,而 CentOS7上采用了httpd-2.4的版本,那么httpd-2...

3585
来自专栏鬼谷君

Salt-API安装配置及使用

902
来自专栏高爽的专栏

JNI(一):初识JNI

       通过JNI实现一个Hello world。        1. 在Java类中声明native方法,NativeTest.java。 packag...

1850
来自专栏LinXunFeng的专栏

iOS - Swift UISearchController的取消按钮

1032
来自专栏Porschev[钟慰]的专栏

Asp.Net无刷新上传并裁剪头像

开发网站几乎都做过上传图片并截图,做个无刷新Asp.Net上传并截图示例 实现功能: 1.选择文件,自动上传并生成缩放图(上传带进度条),形成预览图 2.在预览...

2377
来自专栏散尽浮华

完整部署CentOS7.2+OpenStack+kvm 云平台环境(5)--问题解决

一、 [root@openstack-server ~]# nova list ERROR (CommandError): You must provide a...

2165
来自专栏Java架构师历程

spring boot应用启动原理分析

摘要: spring boot quick start 在spring boot里,很吸引人的一个特性是可以直接把应用打包成为一个jar/war,然后这个jar...

973
来自专栏24K纯开源

Qt实现小功能之列表无限加载

概念介绍       无限加载与瀑布流的结合在Web前端开发中的效果非常新颖,对于网页内容具备较好的表现形式。无限加载并没有一次性将内容全部加载进来,而是通过监...

2197
来自专栏FreeBuf

如何用橡皮鸭绕过杀软、渗透Win 7?

本文将演示如何使用USB Rubber Ducky和unicorn攻击一台运行AVG2015杀毒软件并且补丁全部打上的Windows 7电脑。本教程仅供学习,请...

1907
来自专栏酷玩时刻

前端后台以及游戏中使用google-protobuf详解

protoBuf是一种灵活高效的独立于语言平台的结构化数据表示方法,与XML相比,protoBuf更小更快更简单。你可以用定义自己protoBuf的数据结构,用...

1102

扫码关注云+社区