从字面意思，我们可以了解到它大概就是做中间代理操作，事实也是如此；大多数情况下，中间件就是在做接收到请求和发送响应中间的一系列操作。事实上，express 是一个路由和中间件的 web 框架，Express 应用程序基本上是一系列中间件函数的调用。

A[浏览器发送请求] --> B(express 接受请求) B -->|中间处理的过程| C[路由函数处理渲染] C --> D[.res.render 渲染]

中间件函数可以执行以下任务：

  • 执行任何代码。
  • 对请求和响应对象进行更改。
  • 结束请求/响应循环。
  • 调用堆栈中的下一个中间件函数。

中间件也分为应用层中间件、路由中间件、内置中间件、错误处理中间件和第三方中间件。下面分别对以下进行说明：

应用层中间件

应用级中间键绑定到 app 对象使用 app.use 和 app.METHOD()-需要处理 http 请求的方法，例如 GET、PUT、POST，将之前的 get 或者 post 替换为 use 就行。
例如下面实例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
const express=require("express");

var app=express();

//匹配路由之前的操作
app.use(function(req,res,next()){
	console.log("访问之前");
});

app.get("/",function(req,res){
	res.send("主页");
});

app.listen(8080);

这时我们会发现 http://localhost:8080/ 地址一直在加载，但命令行里显示了“访问之前”，说明程序并不会同步执行，如果使用 next 来是路由继续向下匹配，那么就能又得到主页数据了：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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);

当然也可以简化写法：

1
2
3
4
5
6
7
8
9
10
11
12
const express=require("express");

var app=express();

app.use(function(req,res,next){
	console.log("访问之前");
	next();
},function(req,res){
	res.send("主页");
});

app.listen(8080);

因此，在进行路由匹配之前或再录又要继续向下执行时想做个操作，那么应用层中间件无疑是好的选择。

路由中间件

路由级中间件和应用级中间件类似，只不过他需要绑定 express.Router();

1
var router = express.Router()

在匹配路由时，我们使用 router.use() 或 router.VERB() ,路由中间件结合多次 callback 可用于用户登录及用户状态检测。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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);

总之在检测用户登录和引导用户应该访问哪个页面是，路由中间件绝对好用。

错误处理中间件

顾名思义，它是指当我们匹配不到路由时所执行的操作。错误处理中间件和其他中间件基本一样，只不过其需要开发者提供 4 个自变量参数。

1
2
3
app.use((err, req, res, next) => {
        res.sendStatus(err.httpStatusCode).json(err);
});

一般情况下，我们把错误处理放在最下面，这样我们即可对错误进行集中处理。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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.x 开始，Express 不再依赖 Content，也就是说 Express 以前的内置中间件作为单独模块，express.static 是 Express 的唯一内置中间件。

1
express.static(root, [options]);

通过 express.static 我们可以指定要加载的静态资源。

第三方中间件

形如之前我们的 body-parser，采用引入外部模块的方式来获得更多的应用操作。如后期的 cookie 和 session。

1
2
3
var express = require('express');
var app = express();
var cookieParser = require('cookie-parser');

以上就是关于 express 中间件类型，在实际项目中，中间件都是必不可少的，因此熟悉使用各种中间件会加快项目的开发效率。