Express 是一个自身功能 极简,完全是由路由和中间件构成的一个web开发框架,从本质上来说,一个Express 应用就是在调用各种中间件。
中间件就是匹配路由之前或者匹配路由完成时所作的一系列的操作,叫做中间件。
- 中间件的结构：
app.use([path, ] callback [, callback ...])
// 1. path是可选的参数，为路由的url, 如果省略将匹配到所有路径
// 2. callback中间件函数，当路由匹配成功执行函数，函数将接受三个参数（
// req: HTTP请求对象, res: HTTP响应对象, next: 处理完后交给下一个路由，若不调用则处理到此为止，不会继续后面的操作。）
- 代码示例：
// 中间件
const express = require('express');
const app = express();
// 创建第一个中间件
app.use((req, res, next) => {
console.log(111);
})
// 创建第二个中间件
app.use((req, res, next) => {
console.log(222);
})
app.listen(3000, () => console.log('Server port 3000 at start....'));
当不加上路径的时候会匹配所有路由路径，但是如果不加上尾函数next那么会无法进入到下一个中间件，也就是说网页会出现停滞状态(一直处于加载状态)。
-
尾函数：
如果在中间件里不调用next函数，整个请求响应的流程会中断，不会继续往下执行。
// 中间件
const express = require('express');
const app = express();
// 创建第一个中间件
app.use((req, res, next) => {
console.log(111);
next()
})
// 创建第二个中间件
app.use((req, res, next) => {
console.log(222);
})
app.listen(3000, () => console.log('Server port 3000 at start....'));
// 111
// 222
-
洋葱模型：
中间件的洋葱模型在于，执行到尾函数，就去执行下一个中间件，也就是说最先进去的最后出来。
图1.png
-
示例代码：
// 中间件
const express = require('express');
const app = express();
// 创建第一个中间件
app.use((req, res, next) => {
console.log('middleware_1: 111');
next()
console.log('middleware_1: 222');
})
// 创建第二个中间件
app.use((req, res, next) => {
console.log('middleware_2: aaa');
next();
console.log('middleware_2: bbb');
});
// 创建第三个中间件
app.use((req, res, next) => {
console.log('middleware_3: 布局');
next();
console.log('middleware_3: 测试');
});
// middleware_1: 111
// middleware_2: aaa
// middleware_3: 布局
// middleware_3: 测试
// middleware_2: bbb
// middleware_1: 222
app.listen(3000, () => console.log('Server port 3000 at start....'));
-
对不同路由路径设置中间件：
这一块需要注意的是，该路由匹配模式并非是完整的路径匹配，而是模糊路径匹配。
// 中间件
const express = require('express');
const app = express();
app.use('/student', (req, res, next) => {
res.send('<h1>学生界面</h1>')
next();
})
app.use('/', (req, res, next) => {
res.send(`<h1>首页界面</h1>`);
})
app.listen(3000, () => console.log('Server port 3000 at start....'));
-
多个回调函数的中间件：
在写多个回调函数的中间件时，也需要添加next()尾函数，next() 指的是进入下一个中间件或者是进入当前中间件的下一个回调函数!
// 中间件
const express = require('express');
const app = express();
// 多个回调函数的中间件
// next() 指的是进入下一个中间件或者是进入当前中间件的下一个回调函数!
app.use((req, res, next) => {
console.log(111);
next();
console.log(1110111);
}, (req, res, next) => {
console.log(222);
next();
console.log(2220222);
}, (req, res, next) => {
console.log(333);
next();
console.log(3330333);
})
app.use((req, res, next) => {
console.log(444);
next();
console.log(4440444);
});
// 111
// 222
// 333
// 444
// 4440444
// 3330333
// 2220222
// 1110111
app.listen(3000, () => console.log('Server port 3000 at start....'));
网友评论