2. 程式人生 > >淺談express 中介軟體機制及實現原理

淺談express 中介軟體機制及實現原理

阿新 • • 發佈：2018-12-19

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

express 中介軟體使用案例

1

2

3

4

5

6

7

8

9

10

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

1

2

3

4

5

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三個引數

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

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 處理的中介軟體

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

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(); //執行下一個中介軟體

}

測試程式碼

?

1

2

3

4

5

6

let app = App();

app.use(lineParser);

app.use(headersParser);

app.use(bodyParser);

app.use(middleware3);

app.next();

整體程式碼

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

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();

執行結果

將以上整體程式碼執行後將列印以下資訊

?

1

2

3

4

5

url: /iven_

methond: POST

version: HTTP/1.1

{key1: "value1", key2: "value2", key3: "value3"}

{Host: "www.baidu.com", Cookie: "BAIDUID=E063E9B2690116090FE24E01ACDDF4AD"}

相關推薦

淺談express 中介軟體機制及實現原理

中介軟體機制可以讓我們在一個給定的流程中新增一個處理步驟，從而對這個流程的輸入或者輸出產生影響，或者產生一些中作用、狀態，或者攔截這個流程。中介軟體機制和tomcat的過濾器類似，這兩者都屬於責任鏈模式的具體實現。 express 中介軟體使用案例 1 2

淺談 Vue v-model指令的實現原理

vue的v-model是一個十分強大的指令,它可以自動讓原生表單元件的值自動和你選擇的值繫結, 我們來看一下它的效果:  輸入框的值和一個數據是繫結的,輸入框的值變化,和他繫結的值也會發生變化 我們在手動輸入 hello的過程中 下面和他繫結的p標籤的值也是實時

Java網絡編程和NIO詳解7：淺談 Linux 中NIO Selector 的實現原理

fdt 重要 文件描述 block tor create size 註冊 comm Java網絡編程和NIO詳解7：淺談 Linux 中NIO Selector 的實現原理 轉自：https://www.jianshu.com/p/2b71ea919d49 本系列文章首發於

淺談對express中介軟體的的理解。

一、什麼是express？ Express 是一個簡潔、靈活的 node.js Web 應用開發框架, 它提供一系列強大的特性，幫助你建立各種 Web 和移動裝置應用。Express專案的底層由許多的中介軟體在協同工作，可以這麼說，一個 Express 應用就是在呼叫

.NetCore 中介軟體之AddAuthentication服務說明及實現原理簡述

  如果你使用過.NetCore開發過程序，你會很清楚，在其中我們經常會用到一些如下的程式碼 services.AddAuthentication(options => { options.DefaultAuthentic

express中介軟體系統的基本實現

一直覺得express的中介軟體系統這種流式處理非常形象，就好像加工流水線一樣，每個環節都在針對同一個產品的不同部分完成自己的工作，最後得到一個成品。今天就來實現一個簡易的【中介軟體佇列】。 一. API層 初始化方法 let middleware = new MiddleWare(); 新增中介軟體函式

Nodejs進階：Express常用中介軟體body-parser實現解析

原文連結 body-parser是非常常用的一個express中介軟體，作用是對post請求的請求體進行解析。使用非常簡單，以下兩行程式碼已經覆蓋了大部分的使用場景。 app.use(bodyParser.json()); app.use(bodyParser.urle

nodejs之express中介軟體multer實現附件上傳

multer是express官方推薦的檔案上傳中介軟體，multer是Nodejs中用於處理檔案上傳 multipart/form-data資料的中介軟體，用於處理任何表單提交資料(包含非multipart/form-data型別的表單); multer 在request物件

Android平臺Native代碼的崩潰捕獲機制及實現

其他 替換 接口 not big gnu cte job targe 本文地址：http://blog.csdn.net/mba16c35/article/details/54178067 思路主要來源於這篇文章：http://blog.httrack.com/blog

淺談如何通過自媒體渠道實現賺錢的途徑與方法?

自媒體 賺錢 思考 眾所周知，隨著互聯網時代的不斷發展，越來越多的網民已經意識到通過網絡能賺到錢。不過在網絡上能賺錢的項目不計其數，包括現在比較火的自媒體，那麽我們怎麽去分辨一個項目的靠譜性呢?我們需要考慮的幾個問題：1. 項目是否需要投資;2. 項目是否有風險;3. 項目的長久性;4. 項目的回

再談angularJS數據綁定機制及背後原理—angularJS常見問題總結

前端 angularJS 前端框架 前端架構 周陸軍 Angular 的數據綁定采用什麽機制，詳述原理？臟檢查機制。闡釋臟檢查機制，必須先了解如下問題。單向綁定（ng-bind） 和 雙向綁定（ng-model） 的區別？ng-bind 單向數據綁定（$scope -> view），

淺談項目管理機制

世界 包括 原則 定性 smi pre 利益相關者 大型 審批 一.項目及項目管理 1.什麽是項目 要討論項目管理，就必須首先理解項目這個概念。項目是為完成某一獨特的產品或服務所做的一次性努力。項目一般要涉及一些人員，由這些人員完成一些相互關聯的活動，項目發起人通常希望能夠

淺談對xmpp的理解及應用

mpp 通信 new xmpp times div log 傳輸數據 重新 參考原文鏈接 http://blog.sina.com.cn/s/blog_69f68f880102uyeg.html 一、xmpp是基於xml的協議。具有遵循標準，有安全性，使用TCP傳的xml的

django中的中介軟體機制和執行順序

這片文章將討論下面內容： 1.什麼是middleware 2.什麼時候使用middleware 3.我們寫middleware必須要記住的東西 4.寫一些middlewares來理解中介軟體的工作過程和要點   什麼是middleware Middleware是修改django req

中介軟體漏洞及修復彙總

Nginx檔案解析漏洞 漏洞等級 高危 漏洞描述 nginx檔案解析漏洞產生的原因是網站中介軟體版本過低，可將任意檔案當作php可執行檔案來執行，可導致攻擊者執行惡意程式碼來控制伺服器。 漏洞危害 機密資料被竊取； 核心業務資料被篡改； 網頁

資料視覺化：淺談熱力圖如何在前端實現

作者 個推開發工程師甄鑫 當我們需要用更直觀有效的形式來展現各類大資料資訊時，熱力圖無疑是一種很好的方式。作為一種密度圖，熱力圖一般使用具備顯著顏色差異的方式來呈現資料效果，熱力圖中亮色一般代表事件發生頻率較高或事物分佈密度較大，暗色則反之。 值得一提的是，熱力圖最終效果常常優於

數據可視化：淺談熱力圖如何在前端實現

部門 put 淺談 mar 網格 解析 做人 註意 rgba 作者 個推開發工程師甄鑫 當我們需要用更直觀有效的形式來展現各類大數據信息時，熱力圖無疑是一種很好的方式。作為一種密度圖，熱力圖一般使用具備顯著顏色差異的方式來呈現數據效果，熱力圖中亮色一般代表事件發生頻率較高

淺談語言的發展歷史及未來發展

  發展歷程： 計算機語言的種類非常的多，總的來說可以分成機器語言，組合語言，高階語言三大類。 1.機器語言：（1940年之前） 機器語言，是第一代計算機語言，是由"0"和"1"組成的二進位制數，不同的 CPU 具有不同的指令系統。機器語言程式難編寫、難修改、難維護，需要使用者直接對儲存空間

nodejs（十九）Express中介軟體

var express = require('express') var app = express() //express中介軟體 //1.攔截所有 next表示繼續執行下面 app.use(function(req, res, next) { console.log('攔截到

node express 中介軟體 http-proxy-middleware 和 express-http-proxy 轉發 搞定 post 超時

2018-11-14 總結: http-proxy-middleware 轉發 post 請求 有問題，沒找到問題所在，換 express-http-proxy 代理。 前後端獨立開發，靜態檔案、模板等 前端express服務提供。後端負責介面。前端開發 轉發 ajax 到 測試伺服器或者開發伺服器。