Node中如何使用Express中間件

本文小編為大家詳細(xì)介紹“Node中如何使用Express中間件”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“Node中如何使用Express中間件”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

一、什么是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):

  // 配置解析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.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+版本中可用)

• 第三方的中間件

  非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ù)。使用步驟如下:

  注意:Express 內(nèi)置的express.urlencoded 中間件，就是基于body-parser這個(gè)第三方中間件進(jìn)一步封裝出來(lái)的。

• 運(yùn)行npm install body-parser安裝中間件

• 使用require導(dǎo)入中間件

• 調(diào)用server.use()注冊(cè)并使用中間件

讀到這里，這篇“Node中如何使用Express中間件”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。