国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

淺談express.js框架中間件(middleware)

2019-11-19 11:52:13
字體:
來源:轉載
供稿:網友

_express.js_作為_Node.js_的老牌框架,是現(xiàn)有框架中最全面的。然而在學習express除了那些api之外,對于框架最重要的就是__中間件__這個概念了。如果理解了,就可以把這個框架玩活了,項目開發(fā)肯定會更加順利,而且還可以開發(fā)很多額外的功能,甚至中間件擴展開發(fā)。

但是就這么一個東西,是很多學習node.js的小萌新們就算寫出一個博客項目,都不知道它到底有啥作用。我當時在理解的時候也花了不少功夫,趁著沒有啥工作,給各位學習express.js的一點點我的指導意見。當然,這里面可能也有koa2和egg的忠實粉絲,但其實所有node框架貌似都有這個概念,所以我用express舉例子,希望各位將就一下哈,應該都是可以看得懂的。

首先我先來一波官方的解釋:

好吧,被這些英語嚇到了,來一波譯文:

[中間件函數是可以訪問請求對象(req)、響應對象(res)和應用程序請求響應周期中的下一個函數的函數。下一個函數是Express路由器中的一個函數,當調用該函數時,它執(zhí)行當前中間件之后的中間件。

中間件功能可以執(zhí)行以下任務:

  • 執(zhí)行任何代碼
  • 對請求和響應對象進行更改。
  • 結束請求響應周期。
  • 調用堆棧中的下一個中間件。

終于知道當初的我為毛剛開始理解的時候很困難了,說實在的看得我真的有懵的。幸好,我還是從這個坑爬出來了,我來拉你們一把了。首先我們不去深究概念,直接上一個代碼塊。

如果我們啟動服務,訪問'/'路由,會返回"這是一個根路由",訪問router1路由就會得到這是一個"這是一個router1路由的"的信息。這看起來是一個很簡單的路由查詢,我們理一下過程,這個請求是如何訪問到這個路由的呢。

一般來說,一個express框架的項目會寫入很多路由,但各位要注意的是,這個請求并不是直接定位到這個路由的,而是一個從上至下匹配的一個過程。

有點亂?沒關系我們看圖

我們看到這幅圖,有一個箭頭,從上到下的。什么意思呢,如果用戶發(fā)了一個這樣的請求

GET '/router7'

那么他會從第一個開始一個一個去匹配,知道發(fā)現(xiàn)有一個路由名和請求方法都一致的路由,就立馬執(zhí)行里面的代碼,并且返回一段文字"這是一個router7路由"。這都很好理解,那么現(xiàn)在我有一個需求,就是不管訪問任何一個路由,我都要知道這個訪問者的ip地址和訪問的目標路由打印出來,生產訪問日志。那么怎么做了。

我們分析一波,這段程序是所有的請求都要執(zhí)行的,如果按照執(zhí)行順序的說法,那么這段程序是應該放到所有路由的最前面的,也就是說這段程序是所有路由要經過的一段程序,也就是我們所說的中間件。好的,廢話不多說,上代碼

const fs = require('fs')const log = (req,res) => {  const ip = req.ip,     route = req.route.path  const log = `ip:${ip} path:${route}`   fs.writeFileSync(__dirname + '/log',log)}

比如現(xiàn)在我有一個log函數,它專門用來記錄訪問日志的。如何所有的都一起執(zhí)行了,我們加一段這樣的代碼

app.use(log)

它加在所有代碼的最上面,但是不是加上就完事了,還必須在log函數里面再加一段代碼,不然當程序執(zhí)行到里面之后就出不去了,什么代碼了。我們重寫log函數

const log = (req,res,next) => {  const ip = req.ip,     route = req.route.path  const log = `ip:${ip} path:${route}`   fs.writeFileSync(__dirname + '/log',log)   next()}

大家有沒有看見那個next,它有什么作用了。前面我們提到,它其實就是一個過渡者,主要的作用其實就是經過之后,要繼續(xù)往下面執(zhí)行,還是就此終止返回結果。

說的簡單一點,就是我們一個http請求,到達我們的node服務器之后,要經歷的過程,而每經過一個程序塊,就是個中間件,每一個中間件只要有next就會傳遞到下一個中間件里面,直到服務器res響應結果,整個路由就此結束。

我們整合一下代碼。并且精簡一下,也跑一遍程序

const express = require('express')const app = express()const log = (req,res,next) => {  const ip = req.ip,     route = req.route.path  const log = `ip:${ip} path:${route}`   fs.writeFileSync(__dirname + '/log',log)   next()}app.use(log)//任何請求都會經過這個log中間件 app.get('/', (req, res) => {  console.log(req.route.stack)  res.send('這是一個根路由!')})app.get('/router1', (req, res) => {  res.send('這是一個router1路由!')})app.get('/router2', (req, res) => {  res.send('這是一個router2路由!')})app.listen(3000, () => {  console.log('app listening on port 3000!')})
GET '/router2' //打印日志,并且返回結果

這就是一個簡單的中間件解釋了。大家也可以回去看看你原來寫過的代碼,是否對之前的use這個玩意有點啟發(fā)了?

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 游戏| 崇州市| 调兵山市| 大冶市| 文安县| 德州市| 扎兰屯市| 哈尔滨市| 靖宇县| 湟源县| 阳春市| 永胜县| 沂水县| 城市| 麻阳| 盐津县| 寻乌县| 肥城市| 迭部县| 高碑店市| 晋州市| 黎平县| 庄浪县| 万安县| 长乐市| 赤峰市| 教育| 固始县| 英超| 进贤县| 赞皇县| 平乡县| 绍兴县| 象山县| 四会市| 平果县| 龙游县| 邓州市| 凤凰县| 新宾| 鄂托克前旗|