Web前端之路Nodejs技术路上的磕磕绊绊

express中间件加载

2016-07-21  本文已影响204人  MarlonFan

middleware, express中几乎所有的东西都是通过中间件来完成的.大量采用第三方的中间件.但是它是怎样来工作的呢,让我们来一步一步揭开它.

从代码上看上去第一眼就是app.use()了.在使用express-generator构建好一个express应用后,在app.js文件下可以看到以下代码。(因代码较多,有节选).

var express = require('express');
var bodyParser = require('body-parser');
var routes = require('./routes/index');

var app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);

从上面代码中很显然可以看出app.use()是用来加载这些中间件的.翻文档看,use()接受两个参数,第一个path为可选项,第二个就是中间件的函数了.

那我们就试着自己写一个东西调试一下能不能执行到了.

app.use(express.static(path.join(__dirname, 'public')));

app.use(function(req, res, next) {
  console.log('11');
  next();
})

app.use(function(req, res, next) {
  console.log(22);
  next();
})

app.use('/', routes);

在这样的情况下,我们看到的响应还是正确的,并且在console里log出了11,22.

那我们试着把console.log('11')里面的next()取消掉呢,这时候命令行里console出了11后之后的全部不执行了,连路由都没有响应了.

ok,到这里的时候,我们搞明白了,app.use()里面的东西是依次执行的,那么我们可以把它想象成为一个tasks,在请求过来的时候依次通过next()调用之前注册好的中间件过滤一遍.使用 app.use() “定义的”中间件的顺序非常重要,它们将会顺序执行,use的先后顺序决定了中间件的优先级。 比如说通常 express.logger()是最先使用的一个组件,纪录每一个请求.

而在没有next()下,是无法继续传递下去的.

那么我们搞明白这个中间件是怎么加载的了,但是这个next()又是怎么实现的呢?我们试着一步一步自己实现一个简单的next()来看看.

var http = require('http');

function express() {
    var fns = [];
    
    var expr = function(req, res) {
        var i = 0;
        function next() {
            var task = fns[i++];
            if ( ! task) {
                return;
            }
            task(req, res, next);
        }
        next();
    }
    
    expr.use = function(fn) {
        fns.push(fn);
    }
    
    return expr;
}

var app = express();

app.use(function(req, res, next) {
    console.log('req');
    next();
})

app.use(function(req, res, next) {
    console.log('done');
    next();
})

app.use(function(req, res, next) {
    res.end('over');
    next();
})

http.createServer(app).listen('3000');

这样就可以在use里添加你想添加的各种中间件啦~~~

上一篇下一篇

猜你喜欢

热点阅读