從字面意思秩命,我們可以了解到它大概就是做中間代理操作耘成,事實也是如此慈参;大多數(shù)情況下蘑险,中間件就是在做接收到請求和發(fā)送響應(yīng)中間的一系列操作醋闭。事實上睁搭,express是一個路由和中間件的web框架鹃骂,Express 應(yīng)用程序基本上是一系列中間件函數(shù)的調(diào)用潮模。
中間件函數(shù)可以執(zhí)行以下任務(wù):
執(zhí)行任何代碼改淑。
對請求和響應(yīng)對象進行更改碍岔。
結(jié)束請求/響應(yīng)循環(huán)。
調(diào)用堆棧中的下一個中間件函數(shù)朵夏。
中間件也分為應(yīng)用層中間件蔼啦、路由中間件、內(nèi)置中間件仰猖、錯誤處理中間件和第三方中間件捏肢。下面分別對以下進行說明:
1.應(yīng)用層中間件
應(yīng)用級中間鍵綁定到app對象使用app.use和app.METHOD()-需要處理http請求的方法,例如GET饥侵、PUT鸵赫、POST,將之前的get或者post替換為use就行躏升。
例如下面實例:
const express=require("express");
var app=express();
//匹配路由之前的操作
app.use(function(req,res){
? ??console.log("訪問之前");
});
app.get("/",function(req,res){
? ?res.send("主頁");
});
app.listen(8080);
這時我們會發(fā)現(xiàn)http://localhost:8080/地址一直在加載辩棒,但命令行里顯示了“訪問之前”,說明程序并不會同步執(zhí)行膨疏,如果使用next來是路由繼續(xù)向下匹配一睁,那么就能又得到主頁數(shù)據(jù)了:
const express=require("express");
var app=express();
//匹配路由之前的操作
app.use(function(req,res,next){
? ??console.log("訪問之前");
? ??next();
});
app.get("/",function(req,res){
? ??res.send("主頁");
});
app.listen(8080);
當(dāng)然也可以簡化寫法:
const express=require("express");
var app=express();
app.use(function(req,res,next){
? ??console.log("訪問之前");
? ??next();
},function(req,res){
? ??res.send("主頁");
});
app.listen(8080);
因此,在進行路由匹配之前或再錄又要繼續(xù)向下執(zhí)行時想做個操作佃却,那么應(yīng)用層中間件無疑是好的選擇者吁。
2.路由中間件
路由級中間件和應(yīng)用級中間件類似,只不過他需要綁定express.Router();
var router = express.Router();
在匹配路由時双霍,我們使用 router.use() 或 router.VERB() ,路由中間件結(jié)合多次callback可用于用戶登錄及用戶狀態(tài)檢測砚偶。
const express = require("express");
var app = express();
var router=express.Router();
router.use("/",function(req,res,next){
? ?console.log("匹配前");
? ??next();
});
router.use("/user",function(req,res,next){
? ??console.log("匹配地址:",req.originalUrl);
? ??next();
},function(req,res){
? ??res.send("用戶登錄");
});
app.use("/",router);
app.listen(8080);
總之在檢測用戶登錄和引導(dǎo)用戶應(yīng)該訪問哪個頁面是,路由中間件絕對好用洒闸。
3.錯誤處理中間件
顧名思義染坯,它是指當(dāng)我們匹配不到路由時所執(zhí)行的操作。錯誤處理中間件和其他中間件基本一樣丘逸,只不過其需要開發(fā)者提供4個自變量參數(shù)单鹿。
app.use((err, req, res, next) => {
? ? ? ? res.sendStatus(err.httpStatusCode).json(err);
});
一般情況下,我們把錯誤處理放在最下面深纲,這樣我們即可對錯誤進行集中處理仲锄。
const express=require("express");
var app=express();
app.get("/",function(req,res,next){
? ??const err=new Error('Not Found');
? ??res.send("主頁");
? ??next(err);
});
app.use("/user",function(err,req,res,next){
? ??console.log("用戶登錄");
? ??next(err);
},function(req,res,next){
? ??res.send("用戶登錄");
? ??next();
});
app.use(function(req,res){
? ??res.status(404).send("未找到指定頁面");
});
app.listen(8080);
4.內(nèi)置中間件
從版本4.x開始劲妙,Express不再依賴Content,也就是說Express以前的內(nèi)置中間件作為單獨模塊儒喊,express.static是Express的唯一內(nèi)置中間件镣奋。
express.static(root, [options]);
通過express.static我們可以指定要加載的靜態(tài)資源。root代表加載靜態(tài)資源的路徑怀愧,options作為可選參數(shù);詳細(xì)請看官網(wǎng):express內(nèi)置中間件
以下示例將使用了 express.static 中間件侨颈,并且提供了一個詳細(xì)的’options’對象(作為示例):
var options = {
? dotfiles: 'ignore',
? etag: false,
? extensions: ['htm', 'html'],
? index: false,
? maxAge: '1d',
? redirect: false,
? setHeaders: function (res, path, stat) {
? ? res.set('x-timestamp', Date.now());
? }
}
app.use(express.static('public', options));
5.第三方中間件
形如之前我們的body-parser,采用引入外部模塊的方式來獲得更多的應(yīng)用操作芯义。如后期的cookie和session哈垢。
var express = require('express');
var app = express();
var cookieParser = require('cookie-parser');
以上就是關(guān)于express中間件類型,在實際項目中扛拨,中間件都是必不可少的耘分,因此熟悉使用各種中間件會加快項目的開發(fā)效率。