資訊專欄INFORMATION COLUMN
摘要：框架中間件作為的老牌框架是現(xiàn)有框架中最全面的。然而在學(xué)習(xí)除了那些之外，對于框架最重要的就是中間件這個概念了。中間件功能可以執(zhí)行以下任務(wù)執(zhí)行任何代碼對請求和響應(yīng)對象進(jìn)行更改。結(jié)束請求響應(yīng)周期。調(diào)用堆棧中的下一個中間件。
express.js框架中間件（middleware）
_express.js_作為_Node.js_的老牌框架,是現(xiàn)有框架中最全面的。然而在學(xué)習(xí)express除了那些api之外，對于框架最重要的就是__中間件__這個概念了。如果理解了，就可以把這個框架玩活了，項目開發(fā)肯定會更加順利，而且還可以開發(fā)很多額外的功能，甚至中間件擴(kuò)展開發(fā)。
但是就這么一個東西，是很多學(xué)習(xí)node.js的小萌新們就算寫出一個博客項目，都不知道它到底有啥作用。我當(dāng)時在理解的時候也花了不少功夫，趁著沒有啥工作，給各位學(xué)習(xí)express.js的一點點我的指導(dǎo)意見。當(dāng)然，這里面可能也有koa2和egg的忠實粉絲，但其實所有node框架貌似都有這個概念，所以我用express舉例子,希望各位將就一下哈，應(yīng)該都是可以看得懂的。
首先我先來一波官方的解釋：
好吧，被這些英語嚇到了，來一波譯文：
[中間件函數(shù)是可以訪問請求對象（req）、響應(yīng)對象（res）和應(yīng)用程序請求響應(yīng)周期中的下一個函數(shù)的函數(shù)。下一個函數(shù)是Express路由器中的一個函數(shù)，當(dāng)調(diào)用該函數(shù)時，它執(zhí)行當(dāng)前中間件之后的中間件。
中間件功能可以執(zhí)行以下任務(wù)：
執(zhí)行任何代碼
對請求和響應(yīng)對象進(jìn)行更改。
結(jié)束請求響應(yīng)周期。
調(diào)用堆棧中的下一個中間件。
終于知道當(dāng)初的我為毛剛開始理解的時候很困難了，說實在的看得我真的有懵的。幸好，我還是從這個坑爬出來了，我來拉你們一把了。首先我們不去深究概念，直接上一個代碼塊。
如果我們啟動服務(wù)，訪問"/"路由，會返回"這是一個根路由"，訪問router1路由就會得到這是一個"這是一個router1路由的"的信息。這看起來是一個很簡單的路由查詢，我們理一下過程，這個請求是如何訪問到這個路由的呢。
一般來說，一個express框架的項目會寫入很多路由，但各位要注意的是，這個請求并不是直接定位到這個路由的，而是一個從上至下匹配的一個過程。
有點亂？沒關(guān)系我們看圖
我們看到這幅圖，有一個箭頭，從上到下的。什么意思呢，如果用戶發(fā)了一個這樣的請求
GET "/router7"
那么他會從第一個開始一個一個去匹配，知道發(fā)現(xiàn)有一個路由名和請求方法都一致的路由，就立馬執(zhí)行里面的代碼，并且返回一段文字"這是一個router7路由"。這都很好理解，那么現(xiàn)在我有一個需求，就是不管訪問任何一個路由，我都要知道這個訪問者的ip地址和訪問的目標(biāo)路由打印出來，生產(chǎn)訪問日志。那么怎么做了。
我們分析一波，這段程序是所有的請求都要執(zhí)行的，如果按照執(zhí)行順序的說法，那么這段程序是應(yīng)該放到所有路由的最前面的，也就是說這段程序是所有路由要經(jīng)過的一段程序，也就是我們所說的中間件。好的，廢話不多說，上代碼
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函數(shù)，它專門用來記錄訪問日志的。如何所有的都一起執(zhí)行了，我們加一段這樣的代碼
app.use(log)
它加在所有代碼的最上面，但是不是加上就完事了，還必須在log函數(shù)里面再加一段代碼，不然當(dāng)程序執(zhí)行到里面之后就出不去了，什么代碼了。我們重寫log函數(shù)
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，它有什么作用了。前面我們提到，它其實就是一個過渡者，主要的作用其實就是經(jīng)過之后，要繼續(xù)往下面執(zhí)行，還是就此終止返回結(jié)果。
說的簡單一點，就是我們一個http請求，到達(dá)我們的node服務(wù)器之后，要經(jīng)歷的過程，而每經(jīng)過一個程序塊，就是個中間件，每一個中間件只要有next就會傳遞到下一個中間件里面，直到服務(wù)器res響應(yīng)結(jié)果，整個路由就此結(jié)束。
我們整合一下代碼。并且精簡一下，也跑一遍程序
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)//任何請求都會經(jīng)過這個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" //打印日志，并且返回結(jié)果
這就是一個簡單的中間件解釋了。大家也可以回去看看你原來寫過的代碼，是否對之前的use這個玩意有點啟發(fā)了？
我是小龍，希望對大家有所幫助
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/103229.html
摘要：原文譯者如果你曾經(jīng)去過一個坐下來就餐的餐廳，那么你可以了解的基礎(chǔ)知識。而且由于缺少路徑，它將在每個請求上運行。這就是路由的來源。到目前為止，你已經(jīng)雇傭了一位經(jīng)理，在接受客戶請求之前定義了要做的事情，并且確定如何處理特定的客戶請求。 showImg(https://segmentfault.com/img/bVYnBo?w=4000&h=2666); 原文：Going out to e...
摘要：入口文件在文件夾下的，其向外界暴露了一些方法。方法也是從中繼承的。入口文件很清晰，主要是完成方法的暴露以及的一些初始化操作。下一篇寫寫路由的實現(xiàn)。 還沒用express寫過server，先把部分源碼擼了一遍，各位大神求輕拍。 express入口文件在lib文件夾下的express.js，其向外界暴露了一些方法。 最主要的(express.js 第36-47行)： function cr...
摘要：在后續(xù)的總結(jié)中，我會繼續(xù)分析，并準(zhǔn)備將一些值得分析的逐一解讀，也會涉及一些。從一個官方示例開始這是官方給出的一個簡單程序，運行后訪問顯示。第一行載入了框架，我們來看源代碼中的。代碼的開始定義了一個函數(shù)，函數(shù)有形參，，為回調(diào)函數(shù)。 這兩天仔細(xì)看了看express的源碼，對其的整個實現(xiàn)有了較清晰的認(rèn)識，所以想總結(jié)一下寫出來，如果有什么不對的地方，望指出。 這是第一篇，首先介紹一個最簡單的...
摘要：關(guān)于的實現(xiàn)源碼解讀，版本為。主要為路由部分。返回到的遍歷是通過尾遞歸的方式實現(xiàn)的，注意到被傳入的方法中，中處理事情最后向傳入，從而是否繼續(xù)遍歷取決于的實現(xiàn)是否調(diào)用的方法。 關(guān)于express.js的實現(xiàn)源碼解讀，版本為 4.14。主要為路由部分。 一個Web框架最重要的模塊是路由功能，該模塊的目標(biāo)是：能夠根據(jù)method、path匹配需要執(zhí)行的方法，并在定義的方法中提供有關(guān)請求和回應(yīng)的...
摘要：框架核心特性路由定義了路由表用于執(zhí)行不同的請求動作。中間件可以設(shè)置中間件來響應(yīng)請求。注冊一個請求路由結(jié)束響應(yīng)開啟監(jiān)聽端口執(zhí)行上面代碼是一種實用工具，將為您的源的任何變化并自動重啟服務(wù)器監(jiān)控。 Express 簡介 Express 是一個簡潔而靈活的 node.js Web應(yīng)用框架, 提供了一系列強(qiáng)大特性幫助你創(chuàng)建各種 Web 應(yīng)用，和豐富的 HTTP 工具。使用 Express 可以快...
閱讀 1668·2021-11-02 14:48
閱讀 3755·2019-08-30 15:56
閱讀 2832·2019-08-30 15:53
閱讀 3267·2019-08-30 14:09
閱讀 3178·2019-08-30 12:59
閱讀 2916·2019-08-29 18:38
閱讀 2757·2019-08-26 11:41
閱讀 2302·2019-08-23 16:45
