前言
express是当下最热门的基于node.js 的web框架，它提供了一系列强大的特性：
- 路由
- 中间件
- 静态文件服务
- 模板
- 错误处理
- params参数处理
- query解析 ...等
本文主要介绍路由及中间件！
路由
首先我们要知道，express路由的使用方法
- 在app实例上调用
app.get('/', function (req, res, next) {
console.log(1);
next();
}, function (req, res, next) {
console.log(11);
next();
})
app.get('/2', function (req, res, next) {
console.log(2);
next();
}, function (req, res, next) {
console.log(3)
next()
})
-
上述代码可见，我们发现有几个特点：
* 路由的处理函数可以有多个；
* 路由的注册也可以有多个；
* 调用next进入下一个处理函数或路由；
注册路由
下边我们就来看下express是如何注册路由的：
源码目录:
首先在express.js源码中我们可以看到这样一句，说明app类继承proto(即application.js)
var proto = require('./application');
mixin(app, proto, false);
接着进入application中看到这样一个方法，并且在源码中多次调用；
// 看名字我们就知道这个是用来加载router的；并且将新建的router实例绑定到了this._router属性上；
app.lazyrouter = function lazyrouter() {
if (!this._router) {
this._router = new Router({
caseSensitive: this.enabled('case sensitive routing'),
strict: this.enabled('strict routing')
});
this._router.use(query(this.get('query parser fn')));
this._router.use(middleware.init(this));
}
};
接着下边看到这样的一段代码；
// methods其实是一个npm的包啦，包含了通用的method类型：get、post等
// 下边代码可以看出循环在app中添加了多个属性get、post。。。
// 并且关键的是调用 app.get(); 函数体中实际是调用了this._router.get()
methods.forEach(function(method){
app[method] = function(path){
if (method === 'get' && arguments.length === 1) {
// app.get(setting)
return this.set(path);
}
this.lazyrouter();
var route = this._router.route(path);
route[method].apply(route, slice.call(arguments, 1));
return this;
};
})
// 代码中可以看到
下边就是路由的重头戏了，进入到我们的Router文件中；
methods.concat('all').forEach(function(method){
proto[method] = function(path){
var route = this.route(path)
// 最终调用的get方法
route[method].apply(route, slice.call(arguments, 1));
return this;
};
});
* 看到这段代码是不是很熟悉，在application文件中有类似的代；那么这个就不难理解，在proto属性上添加了get、post等属性
* proto又是什么呢，往上翻一下就可以看到啦，其实就是导出对象，并且将所有的属性继承到了router方法上
* 这样我们就不难联想到，在application中调用的get方法其实是调用这里的get，那么我们来看它又做了什么; 它调用了this.route方法
proto.route = function route(path) {
var route = new Route(path);
var layer = new Layer(path, {
sensitive: this.caseSensitive,
strict: this.strict,
end: true
}, route.dispatch.bind(route));
layer.route = route;
this.stack.push(layer);
return route;
};
* 在route方法中新建了一个Route的实例(route)和一个Layer的实例(layer),
* 将route挂载到layer上，
* 将layer添加到Router的stack中
* 最后导出route
上述代码分析可以知道，在router上添加了一个layer(层)，在layer存了一个route；并且Router中的get并不是最后的get方法
最后我们进入route文件中揭开路由的庐山真面目；
methods.forEach(function(method){
Route.prototype[method] = function(){
var handles = flatten(slice.call(arguments));
for (var i = 0; i < handles.length; i++) {
var handle = handles[i];
var layer = Layer('/', {}, handle);
layer.method = method;
this.methods[method] = true;
this.stack.push(layer);
}
return this;
};
});
* 还是同样的配方(methods)，在route类的原型上添加了get、post等方法
* 调用get等方法，根据传递handle方法的数量循环在route的stack中添加多个层，每个方法对应一个层
结果大概是什么样的?
路由调用：
说到路由调用express既然是http框架，那么肯定是要先找到这段代码；
-- application.js --
app.listen = function listen() {
var server = http.createServer(this);
return server.listen.apply(server, arguments);
};
* 熟悉nodejs的大家肯定知道 http.createServer()方法中传入的回调就是请求来时我们第一次调用的方法
* 那么只要找到这里传入的this就知道是处理请求的第一层调用了；很明显这里的this就我们的app，那app又是什么呢？下边的代码就告诉了我们；
-- express.js --
var app = function(req, res, next) {
app.handle(req, res, next);
};
* 看到这里发现调用app方法，会调用app.handle()
-- application.js --
app.handle = function handle(req, res, callback) {
var router = this._router;
var done = callback || finalhandler(req, res, {
env: this.get('env'),
onerror: logerror.bind(this)
});
if (!router) {
debug('no routes defined on app');
done();
return;
}
router.handle(req, res, done);
};
* 在app.handle()方法中看到会调用this._router.handle，this._router相信大家都没有忘记；
router及route中handle处理请看下图：
中间件
- 中间件注册及分发调用大体和路由一致，不过少了新建route的环节，只存在于router.stack中；
如有问题，希望大家给予指正~！
