什么是Express中間件?Node中要怎么使用?下面本篇文章就來(lái)給大家介紹一下Express中間件的簡(jiǎn)單使用方法,希望對(duì)大家有所幫助!
一、什么是Express中間件
中間件特指業(yè)務(wù)流程的中間處理環(huán)節(jié)。
二、Express中間件的調(diào)用流程
當(dāng)一個(gè)請(qǐng)求到達(dá)Express 的服務(wù)器之后,可以連續(xù)調(diào)用多個(gè)中間件,從而對(duì)這次請(qǐng)求進(jìn)行預(yù)處理。
三、中間件格式
本質(zhì)上就是function處理函數(shù)
注意:中間件函數(shù)的形參列表中,必須包含next參數(shù)。而路由處理函數(shù)中只包含req和res,
// next參數(shù)必須在最后一個(gè)傳入 const mw = (req, res, next) => { ... // next()必須在最后調(diào)用 next() }
四、next()函數(shù)的作用
next函數(shù)是實(shí)現(xiàn)多個(gè)中間件連續(xù)調(diào)用的關(guān)鍵,它表示把流轉(zhuǎn)關(guān)系轉(zhuǎn)交給下一個(gè)中間件或路由。
五、全局生效的中間件
客戶端發(fā)起的任何請(qǐng)求,到達(dá)服務(wù)器之后,都會(huì)觸發(fā)的中間件,叫做全局生效的中間件。 通過(guò)調(diào)用server.use(中間件函數(shù)),即可定義一個(gè)全局生效的中間件,示例代碼如下:
const mw = (req, res, next) => { next() } const mw1 = (req, res, next) => { next() } // 全局生效的中間件,中間件調(diào)用順序以傳入順序?yàn)闇?zhǔn) server.use(mw,mw1)
六、局部生效的中間件
局部中間件只在某一個(gè)指定的路由路徑生效
const mw = (req, res, next) => { next() } const mw1 = (req, res, next) => { next() } // 局部生效的中間件 server.get('/',mw,(req,res)=>{ res.send('路徑:/') }) // 定義多個(gè)局部生效的中間件 // 1、直接逗號(hào)分隔 server.get('/',mw,mw1,(req,res)=>{ res.send('路徑:/') }) // 2、或者使用數(shù)組包含 server.get('/',[mw,mw1],(req,res)=>{ res.send('路徑:/') })
七、中間件的作用
多個(gè)中間件之間,共享同一份req和res?;谶@樣的特性,我們可以在上游的中間件中,統(tǒng)一為req或 res對(duì)象添加自定義的屬性或方法,供下游的中間件或路由進(jìn)行使用。
const mw = (req, res, next) => { // 添加屬性 req.startTime=new Date() next() }
八、Express中間件的五個(gè)注意點(diǎn)
-
一定要在路由之前注冊(cè)中間件
-
客戶端發(fā)送過(guò)來(lái)的請(qǐng)求,可以連續(xù)調(diào)用多個(gè)中間件進(jìn)行處理
-
執(zhí)行完中間件的業(yè)務(wù)代碼之后,不要忘記調(diào)用next()函數(shù)
-
為了防止代碼邏輯混亂,調(diào)用next()函數(shù)后不要再寫(xiě)額外的代碼
-
連續(xù)調(diào)用多個(gè)中間件時(shí),多個(gè)中間件之間,共享req和res對(duì)象
九、Express中間件的分類
-
應(yīng)用級(jí)別的中間件
-
路由級(jí)別的中間件
-
錯(cuò)誤級(jí)別的中間件
-
Express內(nèi)置的中間件
-
第三方的中間件
詳細(xì)介紹:
-
應(yīng)用級(jí)別的中間件
通過(guò)app.use()或 app.get()或app.post(),綁定到app實(shí)例上的中間件,叫做應(yīng)用級(jí)別的中間件,代碼示例如下:
// 全局生效的中間件(應(yīng)用級(jí)別的中間件) server.use(mw,mw1) // 局部生效的中間件(應(yīng)用級(jí)別的中間件) server.get('/',mw,mw1,(req,res)=>{ res.send(`請(qǐng)求進(jìn)入服務(wù)器的時(shí)間:${req.startTime}`) })
-
路由級(jí)別的中間件
綁定到 express.Router()實(shí)例上的中間件,叫做路由級(jí)別的中間件。它的用法和應(yīng)用級(jí)別中間件沒(méi)有任何區(qū)別。只不過(guò),應(yīng)用級(jí)別中間件是綁定到app實(shí)例上,路由級(jí)別中間件綁定到 router實(shí)例上,代碼示例如下:
const router = require('./router/router') // 路由級(jí)別的中間件 router.use((req,res,next)=>{ next() })
-
錯(cuò)誤級(jí)別的中間件
錯(cuò)誤級(jí)別中間件的作用:專門(mén)用來(lái)捕獲整個(gè)項(xiàng)目中發(fā)生的異常錯(cuò)誤,從而防止項(xiàng)目異常崩潰的問(wèn)題。
格式∶錯(cuò)誤級(jí)別中間件的 function處理函數(shù)中,必須有4個(gè)形參,形參順序從前到后,分別是(err, req, res, next)。
注意:錯(cuò)誤級(jí)別的中間件,必須注冊(cè)在所有路由之后!
// 人為制造錯(cuò)誤 server.get('/err', (req, res) => { throw new Error('人為拋出錯(cuò)誤?。?!') res.send('err Page') }) // 定義錯(cuò)誤級(jí)別的中間件 server.use((err, req, res, next) => { console.log('發(fā)生了錯(cuò)誤:' + err.message); res.send('Error:'+err.message) next() })
-
Express內(nèi)置的中間件
自Express 4.16.0版本開(kāi)始,Express 內(nèi)置了3個(gè)常用的中間件,極大的提高了Express項(xiàng)目的開(kāi)發(fā)效率和體驗(yàn):
-
express.static快速托管靜態(tài)資源的內(nèi)置中間件,例如:HTML文件、圖片、CSS樣式等(無(wú)兼容性)
-
express.json解析JSON格式的請(qǐng)求體數(shù)據(jù)(有兼容性,僅在4.16.0+版本中可用)
-
express.urlencoded解析URL-encoded格式的請(qǐng)求體數(shù)據(jù)(有兼容性,僅在4.16.0+版本中可用)
// 配置解析application/json格式數(shù)據(jù)的內(nèi)置中間件 server.use(express.json()) // 配置解析application/x-www-form-urlencoded格式數(shù)據(jù)的內(nèi)置中間件 server.use(express.urlencoded({ extended: false })) // 測(cè)試解析json的內(nèi)置中間件 server.post('/user',(req,res)=>{ // 在服務(wù)器,可以使用req.body這個(gè)屬性來(lái)接受客戶端發(fā)送過(guò)來(lái)的請(qǐng)求數(shù)據(jù) // 默認(rèn)情況下,如果不配置解析表單數(shù)據(jù)的中間件,則req.body默認(rèn)等于undefined console.log(req.body); res.send('ok') }) // 測(cè)試解析urlencoded的內(nèi)置中間件 server.post('/book',(req,res)=>{ console.log(req.body) res.send('book ok') })
-
-
第三方的中間件
非Express官方內(nèi)置的,而是由第三方開(kāi)發(fā)出來(lái)的中間件,叫做第三方中間件。在項(xiàng)目中,大家可以按需下載并配置第三方中間件,從而提高項(xiàng)目的開(kāi)發(fā)效率。 例如:在
express@4.16.0
之前的版本中,經(jīng)常使用body-parser
這個(gè)第三方中間件,來(lái)解析請(qǐng)求體數(shù)據(jù)。使用步驟如下:-
運(yùn)行
npm install body-parser
安裝中間件 -
使用require導(dǎo)入中間件
-
調(diào)用
server.use()
注冊(cè)并使用中間件
注意:Express 內(nèi)置的express.urlencoded 中間件,就是基于body-parser這個(gè)第三方中間件進(jìn)一步封裝出來(lái)的。
-