hello express！

前言

---

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中；
  

参考

• express官网
• Express 实战（四）：中间件
• Express 实战（五）：路由
• 渐进式Express源码学习
• express 源码阅读