Express中间件的使用、原理及实现

挥刀北上

发布于 2019-07-19 15:15:07

3.2K0

发布于 2019-07-19 15:15:07

文章被收录于专栏：Node.js开发

现在在一些企业里用nodejs做服务端开发已经很普遍了，这里面最火的框架当然要数express了，express将nodejs原生的支持的http模块进行了简单封装，使开发者使用起来得心应手。

这其中最方便的便是express的中间件机制了。在介绍express的中间件的原理和实现之前咱们先看一下express中间件如何使用。

express的中间件机制类似一个漏斗装置，一个请求到达服务端后，这个请求会被抽象成一个req对象，这个对象会一次进入中间件，在中间件中分别被处理，最后被路由处理函数分发。

如图：

代码演示如图：

之后启动这个express服务，不论访问根路径 "/"还是"/a",中间件都会被执行，这说明每次请求这个服务，中间件都会被逐一执行。

那这样做的目的是什么呢？咱们来实现一个需求，需要计算整个网站的pv，也就是整个网站被客户端请求了多杀次，如果不用中间件会如何做呢？看代码：

如果使用了中间件呢？再看如下代码：

仔细看一下这两份代码的区别，第二份明显简洁了好多，将计算访问量的代码放到中间件中，不需要再在各个路由中分写再去写了，提高了复用性，逻辑表达更清晰，易于维护，以上便是express中间件的使用了，这里需要注意的是，中间件的调用顺序是从上到下，每个中间件调用完成后必须调用next。

那么中间件机制的原理是什么呢，是如何实现的呢？

看下面一段代码：

var http = require('http');

function express() {

    var funcs = []; // 待执行的函数数组

    var app = function (req, res) {
        var i = 0;

        function next() {
            var task = funcs[i++];  // 取出函数数组里的下一个函数
            if (!task) {    // 如果函数不存在,return
                return;
            }
            task(req, res, next);   // 否则,执行下一个函数
        }

        next();
    }

    app.use = function (task) {
        funcs.push(task);
    }

    return app;    // 返回实例
}

var app = express();

function middlewareA(req, res, next) {
    console.log('中间件1');
    next();
}

function middlewareB(req, res, next) {
    console.log('中间件2');
    next();
}

function middlewareC(req, res, next) {
    console.log('中间件3');
    next();
}
app.use(middlewareA);
app.use(middlewareB);
app.use(middlewareC);

http.createServer(app).listen('3000', function () {
    console.log('listening 3000....');
});

以上代码便是express实现中间件机制的核心代码。

简单来说，有如下几点：