前言
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中添加多个层,每个方法对应一个层
结果大概是什么样的
路由的注册到这里就解释完成了,那么当请求来的时候它是如何调用handler呢?
路由调用:
说到路由调用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中;