Express是一個基于Node.js平臺的web應用開發框架，在Node.js基礎之上擴展了web應用開發所需要的基礎功能，從而使得我們開發Web應用更加方便、更加快捷。

舉一個例子：

用node.js實現一個控制臺打印“hello server”

var http = require('http');var server = http.createServer(function(req,res){ console.log("hello server");});server.listen(3000);

這樣子的話，當我們需要處理各種請求（主要指GET、POST）時，我們需要將所有請求類型處理的代碼寫在createServer包裹的函數里。

用Express實現一個控制臺打印“hello server”

var express = require('express');var app = express();http.createServer(app); // 處理用戶請求（路由）app.get("/",function(){ console.log("hello server");})

Express處理各種請求是通過Express執行函數去調用對應的方法，這樣是不是更加方便和快捷了。

Express的API文檔完整易懂，2010-01-03陸續發布了幾個版本，其中第三版和第四版差異比較大， 主要體現在第三版的中間件基本上都是繼承了connect框架的，而第四版將中間件獨立出來了，不在依賴connect框架。

說到中間件，官網對它的闡述是這樣的：

“Express是一個自身功能極簡，完全是路由和中間件構成一個web開發框架：從本質上來說，一個Express應用就是在調用各種中間件。”

由此可見，中間件在Express開發中的重要性，因此這里我們就專門來總結一下中間件。

一、中間件結構

1、app.use（[path]，function）

path：是路由的url，默認參數‘/'，意義是路由到這個路徑時使用這個中間件

function：中間件函數

這個中間件函數可以理解為就是function(request,response,next)

這里安裝是指涉及到第三方中間件的使用時，需要先安裝好，然后在使用。

二、中間件分類

1、內置中間件

 express.static 是Express目前唯一內置的一個中間件。用來處理靜態資源文件。

什么意思了？ 來run一下代碼看看

// index.jsvar express = require('express');var app = express(); app.use(express.static(__dirname + '/public'));

啟動服務： node index.js

瀏覽器中訪問： http://localhost:1234/ 展示的/public/index.html內容

瀏覽器中訪問： http://localhost:1234/hello.html 展示的/public/hello.html內容

2、自定義中間件

在上面中間件結構中，我們知道了，中間件使用時的第二個參數是一個Function，然而，要自定義一個中間件，就是倒騰一番這個Function。

這個function總共有三個參數（req，res，next）；

當每個請求到達服務器時，nodejs會為請求創建一個請求對象（request），該請求對象包含客戶端提交上來的數據。同時也會創建一個響應對象（response），響應對象主要負責將服務器的數據響應到客戶端。而最后一個參數next是一個方法，因為一個應用中可以使用多個中間件，而要想運行下一個中間件，那么上一個中間件必須運行next()。

好了，有了一個大概的了解，下面我定義一些中間件來實現一個路由功能。

var express = require('express');var app = express(); app.use(function(request,response,next){ if(request.url === '/'){  response.writeHead(200,{"Content-Type":"text/plain"});  response.end("This is home/n"); } else {  next(); }})app.use(function(request,response,next){ if(request.url === '/about'){  response.writeHead(200,{"Content-Type":"text/plain"});  response.end("This is about/n"); } else {  next(); }})app.use(function(request,response,next){ response.writeHead(404,{"Content-Type":"text/plain"}); response.end("404 not found!/n");})app.listen(1234,'localhost');

瀏覽器中訪問： http://localhost:1234/ 展示This is home

瀏覽器中訪問： http://localhost:1234/about 展示This is about

這樣看是不是使用中間件很輕松就實現了路由的功能，當然，有關Express的路由可以專門拿出來寫寫，哈哈。

3、第三方中間件

有關第三方中間件，這里我們分析幾個比較重要和常用的，知道這幾個的使用，其它的也就會了。

body-parser ：解析body中的數據，并將其保存為Request對象的body屬性。

cookie-parser ：解析客戶端cookie中的數據，并將其保存為Request對象的cookie屬性

express-session ：解析服務端生成的sessionid對應的session數據，并將其保存為Request對象的session屬性

query：這個中間件將一個查詢字符串從URL轉換為JS對象，并將其保存為Request對象的query屬性。這個中間件在第四個版本中已經內置了無需安裝。

下面來一個例子，功能是：用戶可否登錄和在服務端保存登錄態。

var express = require('express');// 引入模板引擎var hbs = require('express-handlebars');var bodyParser = require('body-parser');var session = require('express-session'); var app = express(); // hbs是一個模板引擎app.engine('hbs',hbs());app.set('view engine','hbs');app.set('views','templates'); // 數據庫讀出來的數據var userArr = ['wpzheng']; app.use(session({secret:'maizidu'}));app.use(bodyParser.urlencoded({extended:true})); app.get('/', function(request,response,next){ var username = request.session.username; if(username){  response.send("hello" + username); }else{  response.render('form'); }}); app.post('/', function(request,response){  if(userArr.indexOf(request.body.username)>=0){   request.session.username = request.body.username;  }else{   request.session.destroy();  }    // response對象的一個方法 重定向作用  response.redirect('/');});app.listen(1234,'localhost');

如果session沒有保存數據（測試時可以將服務關閉，session就沒有值了，每次向服務器發送請求時，服務會創建一個新的session），就會自動跳到登錄頁面。當已登錄過（也就是說有session值），就直接顯示username。

這個例子涉及到模板（hbs）和response的方法（redirect）可以先不管。

三、中間件理解

寫到最后了，回到最開始的問題，你是否理解了什么是Express中間件？

結合上面講解時給出的例子，我們先來分析一下從瀏覽器地址欄輸入url到客戶端顯示數據之間這個過程到底發生了什么。

瀏覽器向服務器發送一個請求后，服務器直接通過request.定位屬性的方式得到通過request攜帶過去的數據（有用戶輸入的數據和瀏覽器本身的數據信息）。這中間就一定有一個函數將這些數據分類做了處理，已經處理好了，最后讓request對象調用使用，對的，這個處理數據處理函數就是我們要說的 中間件 。由此可見，中間件可以總結以下幾點：

1、封裝了一些處理一個完整事件的功能函數。

2、非內置的中間件需要通過安裝后，require到文件就可以運行。

3、封裝了一些或許復雜但肯定是通用的功能。

以上所有代碼下載：https://github.com/wenpingzheng/express-js.git

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。