简单实现express框架

github代码地址

只匹配路由

向外暴露一个createApp函数,函数返回一个app对象。声明routes(路由表)存放路由。app.get(),app.post(),app.all()等方法会往routes中添加路由项,createApp函数内部创建一个http服务,app.listen()监听端口。当客户端请求是遍历routes路由表,如果有匹配的路由,则执行该路由项的handler函数。

const http = require('http');
const url = require('url');
 
function createApp(){
    let app = {};
    //路由表,app.get(),app.post()等方法相当于往路由表中添加路由规则,然后等客户端来请求匹配
    let routes = [];
    
    //将所有http请求方式都添加到app对象中
    http.METHODS.forEach(method => {
        method = method.toLowerCase();
        app[method] = (path, handler) => {
            let router = {
                method,
                path,
                handler
            };
            //将当前写好的路由规则储存,等待客户端来请求匹配
            routes.push(router);
        }
    })
 
    //app.all全部匹配,一般用于404
    app.all = (path, handler) => {
        let router = {
            method: 'all',      //如果method为all,则全部匹配
            path,
            handler
        };
        //将当前写好的路由规则储存,等待客户端来请求匹配
        routes.push(router);
    }
 
    //请求服务器
    let server = http.createServer((req, res) => {
        let method = req.method.toLowerCase();      //当前请求方式
        let {pathname} = url.parse(req.url);        //当前请求地址
        console.log(method, pathname, routes);
        //遍历储存好的routes路由规则
        for(let i = 0; i < routes.length; i++){
            //如果有匹配的路由就执行它的handler函数
            let m = routes[i].method;
            let p = routes[i].path;
            //如果method为all,path为*,则所有地址都可匹配
            if((m == method || m == 'all') && (p == pathname || p == '*')){
                console.log('路由匹配到了')
                routes[i].handler(req, res);
            }
        }
    });
    //监听端口函数
    app.listen = function(){
        server.listen(...arguments);
    }
    return app;
}
 
module.exports = createApp;

中间件

同样定义app.use方法往routes路由表中添加路由项,不同的是该路由项的method属性值为"middle",用来区分中间件与普通路由。当客户端请求,创建next函数迭代遍历routes路由表,如果当前请求与method: "middle"的路由项匹配,那么按照中间件来执行,否则按照普通路由执行。

const http = require('http');
const url = require('url');
 
function createApp(){
    let app = {};
    //路由表,app.get(),app.post()等方法相当于往路由表中添加路由规则,然后等客户端来请求匹配
    let routes = [];
    
    //将所有http请求方式都添加到app对象中
    http.METHODS.forEach(method => {
        method = method.toLowerCase();
        app[method] = (path, handler) => {
            let router = {
                method,
                path,
                handler
            };
            //将当前写好的路由规则储存,等待客户端来请求匹配
            routes.push(router);
        }
    })
 
    //app.all全部匹配,一般用于404
    app.all = (path, handler) => {
        let router = {
            method: 'all',      //如果method为all,则全部匹配
            path,
            handler
        };
        //将当前写好的路由规则储存,等待客户端来请求匹配
        routes.push(router);
    }
 
    //app.use使用中间件
    app.use = (path, handler) => {
        if(handler === undefined){
            handler = path;
            path = '/';
        }
        let router = {
            method: 'middle',
            path,
            handler
        }
        routes.push(router);
    }
 
    //请求服务器
    let server = http.createServer((req, res) => {
        let method = req.method.toLowerCase();      //当前请求方式
        let {pathname} = url.parse(req.url);        //当前请求地址
        console.log(method, pathname, routes);
        let i = 0;
        //使用next()迭代遍历routes路由表
        function next(){
            if(i >= routes.length) return;      //迭代结束
            let m = routes[i].method;
            let p = routes[i].path;
            let handler = routes[i].handler;
            i++;
            //如果是中间件        
            if(m == 'middle'){
                if(p == '/' || p == pathname || pathname.startsWith(p+'/')){
                    handler(req, res, next);
                }else{
                    next();
                }
            }else{
                // console.log(method, m, pathname, p);
                //如果有匹配的路由就执行它的handler函数            
                //如果method为all,path为*,则所有地址都可匹配
                if((m == method || m == 'all') && (p == pathname || p == '*')){
                    console.log('路由匹配到了')
                    handler(req, res);
                }else{
                    next();
                }
            }
        }
        next();
    });
    //监听端口函数
    app.listen = function(){
        server.listen(...arguments);
    }
    return app;
}
 
module.exports = createApp;

自己动手写个static中间件

const url = require('url');
const path = require('path');
const fs = require('fs');
 
function static(basePath){
    return (req, res, next) => {
        let {pathname} = url.parse(req.url);
        let p = path.resolve(path.join(basePath, pathname));
        // console.log(p);
        fs.stat(p, (err, stats) => {
            if(err) return next();
            //如果当前目录存在且为文件,则读取文件响应给客户端
            if(stats.isFile()){
                let reader = fs.createReadStream(p);
                return reader.pipe(res);
            }else{      //否则匹配下一条路由
                next();
            }
        })
    }
}
 
module.exports = static;

打印访问日志中间件

const fs = require('fs');

module.exports = function(req, res, next){
    //客户端ip地址
    let clientIP = req.connection.remoteAddress;
    //访问时间
    let time = new Date().toGMTString();
    //请求方式
    let method = req.method;
    //请求地址
    let url = req.url;
    let str = `${clientIP} [${time}] ${method} ${url}\n`;

    fs.appendFile('logs/access.log', str, err => {
        if(err){
            console.log('访问日志打印错误', err);
        }
        next();
    })
}

执行文件app.js

const express = require('./my-express');
const static = require('./my-static');
const fs = require('fs');
 
const app = express();
app.use(static('./public'));
 
// app.use((req, res, next) => {
//     console.log('恭喜你成功使用中间件');
//     next();
// })
app.get('/', (req, res) => {
    res.end('hello world');
})
 
app.post('/post', (req, res) => {
    res.end('恭喜你post请求成功');
})
 
app.all('*', (req, res) => {
    res.end('404');
})
 
app.listen(8888, () => {
    console.log('server listening at port 8888');
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354

推荐阅读更多精彩内容