小編給大家分享一下express實現中間件的原理分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創新互聯不只是一家網站建設的網絡公司；我們對營銷、技術、服務都有自己獨特見解，公司采取“創意+綜合+營銷”一體化的方式為您提供更專業的服務！我們經歷的每一步也許不一定是最完美的，但每一步都有值得深思的意義。我們珍視每一份信任，關注我們的網站設計制作、成都網站建設質量和服務品質，在得到用戶滿意的同時，也能得到同行業的專業認可，能夠為行業創新發展助力。未來將繼續專注于技術創新，服務升級，滿足企業一站式營銷型網站需求，讓再小的成都品牌網站建設也能產生價值！

簡介

中間件機制可以讓我們在一個給定的流程中添加一個處理步驟，從而對這個流程的輸入或者輸出產生影響，或者產生一些中作用、狀態，或者攔截這個流程。中間件機制和tomcat的過濾器類似，這兩者都屬于責任鏈模式的具體實現。

express 中間件使用案例

let express = require('express')
let app = express()
//解析request 的body
app.use(bodyParser.json())
//解析 cookie
app.use(cookieParser())
//攔截
app.get('/hello', function (req, res) {
 res.send('Hello World!');
});

模擬中間件機制并且模擬實現解析request的中間件

首先模擬一個request

request = { //模擬的request
  requestLine: 'POST /iven_ HTTP/1.1',
  headers: 'Host:www.baidu.com\r\nCookie:BAIDUID=E063E9B2690116090FE24E01ACDDF4AD:FG=1;BD_HOME=0',
  requestBody: 'key1=value1&key2=value2&key3=value3',
}

一個http請求分為請求行、請求頭、和請求體，這三者之間通過\r\n\r\n即一個空行來分割，這里假設已經將這三者分開，requestLine（請求行）中有方法類型，請求url，http版本號，這三者通過空格來區分，headers（請求頭）中的各部分通過\r\n來分割，requestBody（請求體）中通過 & 來區分參數

模擬中間件機制

約定 中間件一定是一個函數并且接受 request, response, next三個參數

function App() {
  if (!(this instanceof App))
    return new App();
  this.init();
}
App.prototype = {
  constructor: App,
  init: function() {
    this.request = { //模擬的request
      requestLine: 'POST /iven_ HTTP/1.1',
      headers: 'Host:www.baidu.com\r\nCookie:BAIDUID=E063E9B2690116090FE24E01ACDDF4AD:FG=1;BD_HOME=0',
      requestBody: 'key1=value1&key2=value2&key3=value3',
    };
    this.response = {}; //模擬的response
    this.chain = []; //存放中間件的一個數組
    this.index = 0; //當前執行的中間件在chain中的位置
  },
  use: function(handle) { //這里默認 handle 是函數，并且這里不做判斷
    this.chain.push(handle);
  },
  next: function() { //當調用next時執行index所指向的中間件
    if (this.index >= this.chain.length)
      return;
    let middleware = this.chain[this.index];
    this.index++;
    middleware(this.request, this.response, this.next.bind(this));
  },
}

對 request 處理的中間件

 function lineParser(req, res, next) {
    let items = req.requestLine.split(' ');
    req.methond = items[0];
    req.url = items[1];
    req.version = items[2];
    next(); //執行下一個中間件
  }

function headersParser(req, res, next) {
  let items = req.headers.split('\r\n');
  let header = {}
  for(let i in items) {
    let item = items[i].split(':');
    let key = item[0];
    let value = item[1];
    header[key] = value;
  }
  req.header = header;
  next(); //執行下一個中間件
}

function bodyParser(req, res, next) {
  let bodyStr = req.requestBody;
  let body = {};
  let items = bodyStr.split('&');
  for(let i in items) {
    let item = items[i].split('=');
    let key = item[0];
    let value = item[1];
    body[key] = value;
  }
  req.body = body;
  next(); //執行下一個中間件
}

function middleware3(req, res, next) {
  console.log('url: '+req.url);
  console.log('methond: '+req.methond);
  console.log('version: '+req.version);
  console.log(req.body);
  console.log(req.header);
  next(); //執行下一個中間件
}

測試代碼

let app = App();
app.use(lineParser);
app.use(headersParser);
app.use(bodyParser);
app.use(middleware3);
app.next();

整體代碼

function App() {
  if (!(this instanceof App))
    return new App();
  this.init();
}
App.prototype = {
  constructor: App,
  init: function() {
    this.request = { //模擬的request
      requestLine: 'POST /iven_ HTTP/1.1',
      headers: 'Host:www.baidu.com\r\nCookie:BAIDUID=E063E9B2690116090FE24E01ACDDF4AD:FG=1;BD_HOME=0',
      requestBody: 'key1=value1&key2=value2&key3=value3',
    };
    this.response = {}; //模擬的response
    this.chain = []; //存放中間件的一個數組
    this.index = 0; //當前執行的中間件在chain中的位置
  },
  use: function(handle) { //這里默認 handle 是函數，并且這里不做判斷
    this.chain.push(handle);
  },
  next: function() { //當調用next時執行index所指向的中間件
    if (this.index >= this.chain.length)
      return;
    let middleware = this.chain[this.index];
    this.index++;
    middleware(this.request, this.response, this.next.bind(this));
  },
}
function lineParser(req, res, next) {
    let items = req.requestLine.split(' ');
    req.methond = items[0];
    req.url = items[1];
    req.version = items[2];
    next(); //執行下一個中間件
  }

function headersParser(req, res, next) {
  let items = req.headers.split('\r\n');
  let header = {}
  for(let i in items) {
    let item = items[i].split(':');
    let key = item[0];
    let value = item[1];
    header[key] = value;
  }
  req.header = header;
  next(); //執行下一個中間件
}

function bodyParser(req, res, next) {
  let bodyStr = req.requestBody;
  let body = {};
  let items = bodyStr.split('&');
  for(let i in items) {
    let item = items[i].split('=');
    let key = item[0];
    let value = item[1];
    body[key] = value;
  }
  req.body = body;
  next(); //執行下一個中間件
}

function middleware3(req, res, next) {
  console.log('url: '+req.url);
  console.log('methond: '+req.methond);
  console.log('version: '+req.version);
  console.log(req.body);
  console.log(req.header);
  next(); //執行下一個中間件
}
let app = App();
app.use(lineParser);
app.use(headersParser);
app.use(bodyParser);
app.use(middleware3);
app.next();

運行結果

將以上整體代碼運行后將打印以下信息

url: /iven_
methond: POST
version: HTTP/1.1
{key1: "value1", key2: "value2", key3: "value3"}
{Host: "www.baidu.com", Cookie: "BAIDUID=E063E9B2690116090FE24E01ACDDF4AD"}

看完了這篇文章，相信你對“express實現中間件的原理分析”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯成都網站設計公司行業資訊頻道，感謝各位的閱讀！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站欄目：express實現中間件的原理分析-創新互聯
鏈接分享：http://www.js-pz168.com/article36/djhosg.html

成都網站建設公司_創新互聯，為您提供虛擬主機、企業建站、服務器托管、Google、網站收錄、App開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯