中間件的概念
中間件（Middleware ），特指
業務流程
的
中間處理環節
Express 中間件的
呼叫流程
當一個請求到達 Express 的服務器之后，可以連續呼叫多個中間件，從而對這次請求進行
預處理
，
Express 中間件的格式
Express 的中間件，
本質
上就是一個
function 處理函式
注意：中間件函式的形參串列中，
必須包含 next 引數
，而路由處理函式中只包含 req 和 res，
next 函式的作用
next 函式
是實作
多個中間件連續呼叫
的關鍵，它表示把流轉關系
轉交
給下一個
中間件
或
路由
，
定義中間件函式
// 定義一個簡單的中間件函式
const mw = (req, res, next) => {
console.log('這是一個簡單的中間件函式');
// 把流轉關系,轉交給下一個中間件或者路由
next()
}
全域生效
的中間件
客戶端發起的
任何請求
，到達服務器之后，
都會觸發的中間件
，叫做全域生效的中間件，
通過呼叫
app.use(
中間件函式
)
，即可定義一個
全域生效
的中間件
// 定義一個簡單的中間件函式
const mw = (req, res, next) => {
console.log('這是一個簡單的中間件函式');
// 把流轉關系,轉交給下一個中間件或者路由
next()
}
app.use(mw)
中間件的
作用
多個中間件之間，
共享同一份
req
和
res
，基于這樣的特性，我們可以在
上游
的中間件中，
統一
為 req 或 res 物件添
加
自定義
的
屬性
或
方法
，供
下游
的中間件或路由進行使用，
定義多個全域中間件
可以使用 app.use()
連續定義多個
全域中間件，客戶端請求到達服務器之后，會按照中間件
定義的先后順序
依次進行 呼叫
app.use(function (req, res,next){
console.log('呼叫第一個全域中間件');
next()
})
app.use(function (req, res,next){
console.log('呼叫第二個全域中間件');
next()
})
app.get('/user', (req, res) => {
// 請求這個路由,會依次觸發上述兩個全域中間件
res.send('home page')
})
區域生效
的中間件
不使用
app.use()
定義的中間件，叫做
區域生效的中間件
// 定義中間件函式 mv1
const mv1 = (req, res, next) => {
console.log('這是1中間件函式');
next()
}
// mv1 這個中間件只在"當前路由中生效",這種用法屬于"區域生效的中間件"
app.get('/', mv1,function (req, res) {
res.send('Home page')
})
//mv1 這個中間件不會影響下面這個路由
app.get('/user', function (req, res) {
res.send('User page')
})
定義
多個
區域中間件
可以在路由中，通過如下兩種
等價
的方式，
使用多個區域中間件
const express = require('express')
const app = express()
// 定義中間件函式 mv1
const mv1 = (req, res, next) => {
console.log('這是1中間件函式');
next()
}
const mv2 = (req, res, next) => {
console.log('這是2中間件函式');
next()
}
// mv1 這個中間件只在"當前路由中生效",這種用法屬于"區域生效的中間件"
// 多個區域中間件,使用陣列形式也可以
// app.get('/', [mv1,mv2], function (req, res)
app.get('/', mv1,mv2,function (req, res) {
console.log('ok');
res.send('Get user list')
})
app.get('/user', function (req, res) {
res.send('Get user list')
})
app.listen(3001, () => {
console.log('http://127.0.0.1:3001');
})
中間件的5個使用注意事項
①
一定要在
路由之前
注冊中間件
②
客戶端發送過來的請求，
可以連續呼叫多個
中間件進行處理
③
執行完中間件的業務代碼之后，
不要忘記呼叫 next() 函式
④
為了
防止代碼邏輯混亂
，呼叫 next() 函式后不要再寫額外的代碼
⑤
連續呼叫多個中間件時，多個中間件之間，
共享
req 和 res 物件
中間件的5 大類
①
應用級別
的中間件
②
路由級別
的中間件
③
錯誤級別
的中間件
④
Express 內置
的中間件
⑤
第三方
的中間件
應用級別
的中間件
通過
app.use()
或
app.get()
或
app.post()
，
系結到 app 實體上的中間件
，叫做應用級別的中間件
路由級別
的中間件
系結到
express.Router()
實體上的中間件，叫做路由級別的中間件，它的用法和應用級別中間件沒有任何區別，只不
過，
應用級別中間件是系結到 app 實體上
，
路由級別中間件系結到 router 實體上
錯誤級別
的中間件
錯誤級別中間件的
作用
：專門用來捕獲整個專案中發生的例外錯誤，從而防止專案例外崩潰的問題，
格式
：錯誤級別中間件的 function 處理函式中，
必須有 4 個形參
，形參順序從前到后，分別是 (
err
, req, res, next)，
注意：
錯誤級別的中間件，
必須注冊在所有路由之后
！
Express內置
的中間件
自 Express 4.16.0 版本開始，Express 內置了
3 個
常用的中間件，極大的提高了 Express 專案的開發效率和體驗：
①
express.static
快速托管靜態資源的內置中間件，例如： HTML 檔案、圖片、CSS 樣式等（無兼容性）
②
express.json
決議 JSON 格式的請求體資料（
有兼容性
，僅在 4.16.0+ 版本中可用）
③
express.urlencoded
決議 URL-encoded 格式的請求體資料（
有兼容性
，僅在 4.16.0+ 版本中可用）
第三方
的中間件
非 Express 官方內置的，而是由第三方開發出來的中間件，叫做第三方中間件，在專案中，大家可以
按需下載
并
配置
第三方中間件，從而提高專案的開發效率，
例如：在 express@4.16.0 之前的版本中，經常使用 body-parser 這個第三方中間件，來決議請求體資料，使用步
驟如下：
①
運行
npm install
body-parser
安裝中間件
②
使用
require
匯入中間件
③
呼叫
app.use()
注冊并使用中間件
注意：
Express 內置的 express.urlencoded 中間件，就是基于 body-parser 這個第三方中間件進一步封裝出來的，
自定義中間件
實作步驟：
①
定義中間件
②
監聽 req 的 data 事件
③
監聽 req 的 end 事件
④
使用 querystring 模塊決議請求體資料
⑤
將決議出來的資料物件掛載為 req.body
⑥
將自定義中間件封裝為模塊
const express = require('express')
const app = express()
// 定義全域生效的中間件
// 中間件作用:共享同一份 req,res
app.use(require('./13.custom-body-parser'))
app.post('/login', (req, res) => {
console.log(req.body);
})
app.listen(3001, () => {
console.log('http://127.0.0.1:3001');
})
自定義中間件
封裝
為模塊
為了優化代碼的結構，我們可以把自定義的中間件函式，
封裝為獨立的模塊
// nodejs 內置模塊 querystring --->將查詢字串格式的資料決議為物件格式
const qs = require('querystring')
module.exports = (req, res, next) => {
// 處理 post 提交過來的資料 處理的資料 掛載到 req.body 身上
let str = '';
// data事件分批次接受到客戶端提交過來的資料
req.on('data', (chunk) => {
str += chunk
})
// 當end事件被觸發了 就表示資料已經傳遞完了
req.on('end', () => {
// console.log(str);
req.body = qs.parse(str)
next()
})
}轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/308833.html
標籤：其他
上一篇：在 Vue 中如何使用 JSX，就這么簡單！【建議收藏】
下一篇：分享一下Vue基本語法