大熊君大話NodeJS之 ------ Connect中間件第二季（源碼分析）

一，開篇分析

你們好，大熊君又回來了，今天這篇文章主要是對"Connect"中間件以及相關輔助中間件，作一個源碼分析系列，我想上一篇文章你們也看了，

介紹了使用方式及用途，而這篇也是出於本人的興趣，讓讀者對其有一個更深刻的認識，如在分析階段有什麼不正確的地方，請你們多多指教，

好了！老規矩然咱們進入正題。先來看一個例子，結合會用引入分析，以下：

　　

1 var connect = require("./lib/connect") ;
2 var app = connect.createServer() ;
3 app.use(connect.static(__dirname + "/public",{
4     maxAge: 0 
5 })) ;
6 app.use(function(req,res,next){
7     res.end("Hello World !") ;
8 })
9 .listen(8888) ;

　

　　二，逐行分析：

　　（1），第一行，引入"connect"模塊，經過connect建立一個http|https server，提供http server的全部功能。

　　　　"connect"中間件容許你用多種方式建立"server"，　　　

var server = connect.createServer(
     connect.logger()
    , connect.static(__dirname + '/public')
) ; // 1

var app = connect() ;
app.use(function (req,res) {
    res.end("Hello，大雄君 !\n")  ;
}).listen(8888)  ; // 2

　　那麼它是如何作的那，看源碼：

　　

exports = module.exports = createServer ;

exports.createServer = createServer ;

　　將「createServer」掛載到全局的「exports」上，而後再擴展一個「createServer」屬性再次掛載，目的是爲了兼容原生的書寫形式，

達到了不一樣方式建立的目的。這也是你們在平時開發中能夠借鑑的思想。

　　（2），再來看第二行"connect.createServer"，作了什麼那，看以下源碼：

 1 var HTTPServer = require('./http').Server , 
 2 HTTPSServer = require('./https').Server ;
 3 
 4 function createServer() {
 5   if ('object' == typeof arguments[0]) {
 6     return new HTTPSServer(arguments[0], Array.prototype.slice.call(arguments, 1));
 7   } else {
 8     return new HTTPServer(Array.prototype.slice.call(arguments));
 9   }
10 };

 

　　"HTTPSServer"和"HTTPServer"基本一致，只是"HTTPSServer"封裝的https的方法。在"createServer"的時候，一樣能夠傳遞進去一系列的中間件，和隨後引入的效果是同樣的，不過卻只能綁定到根目錄上。

 

　　（3），繼續看第三行"app.use()"，作了什麼那，看以下源碼：　　

 1 var Server = exports.Server = function HTTPServer(middleware) {
 2   this.stack = [];
 3   middleware.forEach(function(fn){
 4     this.use(fn);
 5   }, this);
 6   http.Server.call(this, this.handle);
 7 };
 8 
 9 /**
10  * Inherit from `http.Server.prototype`.
11  */
12 
13 Server.prototype.__proto__ = http.Server.prototype;

 

　　「connect"是原型繼承於"http server"的，它會用use到的中間件替換掉server的requestListener。

　　經過"connect.use(route, handle)"來對每個路由添加中間件，這些中間件"handle"會與"route"綁定保存在一個"stack"裏面，每次有"request"請求的時候，

　　遍歷這個堆，找到對應"route"的"handle"，執行"handle"，若是"handle"最後調用了"next()",就會繼續尋找並執行下一個匹配的"handle"。

　　經過封裝"handle"，能夠很容易的在"connect"基礎上添加更多的"middleware"。

 

　（4），最後看看"listen(8888)"，它作些什麼工做那？

　　　　很簡單，經過繼承底層的Server對象，賦予了"listen"的功能，監聽特定端口。

　　　　Server.prototype.__proto__ = http.Server.prototype

 

　如下是」connect.js「的所有源碼，爲了節省篇幅，註釋已所有刪掉，以下圖：

　　

　　補充一下：

　　　　

1 fs.readdirSync(__dirname + '/middleware').forEach(function(filename){
2   if (/\.js$/.test(filename)) {
3     var name = filename.substr(0, filename.lastIndexOf('.'));
4     exports.middleware.__defineGetter__(name, function(){
5       return require('./middleware/' + name);
6     });
7   }
8 });

　　將"middleware"對象"exports"，而後循環定義給"middleware"對象一種方法，這種方法是直接加載 "middleware" 文件夾中的.js文件模塊。

利用："exports.utils.merge(exports, exports.middleware)" 這句話將middleware中的方法直接exports了。

 

　　三，總結一下：

　　　（1），理解源碼的設計意圖，有助於在應用上獲得最大化的收穫。

　　　（2），看源碼時，理解流程再去扣語法細節。

　　　（3），借鑑源碼中的巧妙實現思想，但不要過渡設計，爲了設計而設計。

　　　（4），明天繼續分析相關中間件，不斷更新中 。。。 。。。

 

 

 

　　　　　　　　　　　　　　　　　  哈哈哈，本篇結束，未完待續，但願和你們多多交流夠溝通，共同進步。。。。。。呼呼呼……(*^__^*)