hello express赌朋!

前言


express是當(dāng)下最熱門的基于node.js 的web框架嫁乘,它提供了一系列強大的特性:

  • 路由
  • 中間件
  • 靜態(tài)文件服務(wù)
  • 模板
  • 錯誤處理
  • params參數(shù)處理
  • query解析 ...等

本文主要介紹路由及中間件杯瞻!

路由


首先我們要知道,express路由的使用方法

  • 在app實例上調(diào)用
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()
})
- 

上述代碼可見端圈,我們發(fā)現(xiàn)有幾個特點:

* 路由的處理函數(shù)可以有多個焦读;
* 路由的注冊也可以有多個;
* 調(diào)用next進(jìn)入下一個處理函數(shù)或路由舱权;

注冊路由

下邊我們就來看下express是如何注冊路由的:

源碼目錄:


目錄.png

首先在express.js源碼中我們可以看到這樣一句矗晃,說明app類繼承proto(即application.js)

var proto = require('./application');
mixin(app, proto, false);

接著進(jìn)入application中看到這樣一個方法,并且在源碼中多次調(diào)用宴倍;

// 看名字我們就知道這個是用來加載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等

// 下邊代碼可以看出循環(huán)在app中添加了多個屬性get恭理、post拯辙。。颜价。
// 并且關(guān)鍵的是調(diào)用 app.get(); 函數(shù)體中實際是調(diào)用了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;
  };
})
// 代碼中可以看到

下邊就是路由的重頭戲了涯保,進(jìn)入到我們的Router文件中;

methods.concat('all').forEach(function(method){
  proto[method] = function(path){
    var route = this.route(path)
    
    // 最終調(diào)用的get方法
    route[method].apply(route, slice.call(arguments, 1));
    return this;
  };
});

* 看到這段代碼是不是很熟悉周伦,在application文件中有類似的代夕春;那么這個就不難理解,在proto屬性上添加了get专挪、post等屬性

* proto又是什么呢及志,往上翻一下就可以看到啦片排,其實就是導(dǎo)出對象,并且將所有的屬性繼承到了router方法上

* 這樣我們就不難聯(lián)想到速侈,在application中調(diào)用的get方法其實是調(diào)用這里的get率寡,那么我們來看它又做了什么; 它調(diào)用了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中
* 最后導(dǎo)出route

上述代碼分析可以知道倚搬,在router上添加了一個layer(層)冶共,在layer存了一個route;并且Router中的get并不是最后的get方法

最后我們進(jìn)入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等方法
* 調(diào)用get等方法眨层,根據(jù)傳遞handle方法的數(shù)量循環(huán)在route的stack中添加多個層庙楚,每個方法對應(yīng)一個層

結(jié)果大概是什么樣的


注冊.png

路由的注冊到這里就解釋完成了,那么當(dāng)請求來的時候它是如何調(diào)用handler呢谐岁?

路由調(diào)用:

說到路由調(diào)用express既然是http框架,那么肯定是要先找到這段代碼榛臼;

-- application.js --
app.listen = function listen() {
  var server = http.createServer(this);
  return server.listen.apply(server, arguments);
};
* 熟悉nodejs的大家肯定知道 http.createServer()方法中傳入的回調(diào)就是請求來時我們第一次調(diào)用的方法
* 那么只要找到這里傳入的this就知道是處理請求的第一層調(diào)用了伊佃;很明顯這里的this就我們的app,那app又是什么呢沛善?下邊的代碼就告訴了我們航揉;

-- express.js --
var app = function(req, res, next) {
    app.handle(req, res, next);
  };

* 看到這里發(fā)現(xiàn)調(diào)用app方法,會調(diào)用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()方法中看到會調(diào)用this._router.handle金刁,this._router相信大家都沒有忘記帅涂;

router及route中handle處理請看下圖:


分發(fā)調(diào)用-路由.png

中間件


  • 中間件注冊及分發(fā)調(diào)用大體和路由一致,不過少了新建route的環(huán)節(jié)尤蛮,只存在于router.stack中媳友;


    分發(fā)調(diào)用-中間件.png

參考

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市产捞,隨后出現(xiàn)的幾起案子醇锚,更是在濱河造成了極大的恐慌,老刑警劉巖坯临,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件焊唬,死亡現(xiàn)場離奇詭異,居然都是意外死亡看靠,警方通過查閱死者的電腦和手機赶促,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來挟炬,“玉大人鸥滨,你說我怎么就攤上這事嗦哆。” “怎么了爵赵?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵吝秕,是天一觀的道長。 經(jīng)常有香客問我空幻,道長烁峭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任秕铛,我火速辦了婚禮约郁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘但两。我一直安慰自己鬓梅,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布谨湘。 她就那樣靜靜地躺著绽快,像睡著了一般。 火紅的嫁衣襯著肌膚如雪紧阔。 梳的紋絲不亂的頭發(fā)上坊罢,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天,我揣著相機與錄音擅耽,去河邊找鬼活孩。 笑死,一個胖子當(dāng)著我的面吹牛乖仇,可吹牛的內(nèi)容都是我干的憾儒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼乃沙,長吁一口氣:“原來是場噩夢啊……” “哼起趾!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起警儒,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤阳掐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后冷蚂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缭保,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年蝙茶,在試婚紗的時候發(fā)現(xiàn)自己被綠了艺骂。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡隆夯,死狀恐怖钳恕,靈堂內(nèi)的尸體忽然破棺而出别伏,到底是詐尸還是另有隱情,我是刑警寧澤忧额,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布厘肮,位于F島的核電站,受9級特大地震影響睦番,放射性物質(zhì)發(fā)生泄漏类茂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一托嚣、第九天 我趴在偏房一處隱蔽的房頂上張望巩检。 院中可真熱鬧,春花似錦示启、人聲如沸兢哭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽将饺。三九已至叁巨,卻和暖如春办龄,著一層夾襖步出監(jiān)牢的瞬間砂碉,已是汗流浹背致讥。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工红碑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留幻梯,地道東北人算行。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓刨仑,卻偏偏與公主長得像郑诺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子杉武,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,884評論 2 354

推薦閱讀更多精彩內(nèi)容