Node.js 零基础入门 Node.js 零基础入门第三天 3.3 Express 中间件

Node.js 零基础入门

Node.js 零基础入门第三天

老师：黑马程序员

3 Express

3.3 Express 中间件

3.3.1 中间件的概念

【什么是中间件】

中间件（Middleware ），特指业务流程的中间处理环节。

【现实生活中的例子】

【Express中间件的调用流程】

当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。

【Express中间件的格式】

Express 的中间件，本质上就是一个 function 处理函数，Express 中间件的格式如下：

中间件函数的形参列表中，必须包含 next 参数。而路由处理函数中只包含 req 和 res。

【next函数的作用】

next 函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。

3.3.2 Express中间件的初体验

【定义中间件函数】

//定义最简单的中间件函数
const mw = function (req,res,next) {
    console.log("这是一个最简单的中间件函数")
    next()
}
1
2
3
4
5

【全局生效的中间件】

客户端发起的任何请求，到达服务器之后，都会触发的中间件，叫做全局生效的中间件。

通过调用 app.use(中间件函数)，即可定义一个全局生效的中间件

【定义全局中间件的简化形式】

【中间件的作用】

多个中间件之间，共享同一份 req 和 res。基于这样的特性，我们可以在上游的中间件中，统一为 req 或 res 对象添加自定义的属性或方法，供下游的中间件或路由进行使用。

【定义多个全局中间件】

【局部生效的中间件】

不使用 app.use() 定义的中间件，叫做局部生效的中间件

//导入Express
const express = require('express')

//创建Web服务器
const app = express()

//定义局部生效的中间件函数
const mw1 = function (req, res, next) {
    console.log("这是局部中间件函数")
    next()
}

app.get('/',mw1,function (req,res) {
    res.send("局部中间件测试")
})

app.get('/user',function (req,res) {
    res.send("User page")
})

//调用app方法，启动服务器
app.listen(80, () => {
    console.log("Express服务启动了........")
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

【定义多个局部中间件】

【中间件使用的5个注意事项】

① 一定要在路由之前注册中间件

② 客户端发送过来的请求，可以连续调用多个中间件进行处理

③ 执行完中间件的业务代码之后，不要忘记调用 next() 函数

④ 为了防止代码逻辑混乱，调用 next() 函数后不要再写额外的代码

⑤ 连续调用多个中间件时，多个中间件之间，共享 req 和 res 对象

3.3.3 中间件的分类

Express 官方把常见的中间件用法，分成了 5 大类：

• 应用级别的中间件
• 路由级别的中间件
• 错误级别的中间件
• Express内置的中间件
• 第三方的中间件

【应用级别的中间件】

通过 app.use() 或 app.get() 或 app.post() ，绑定到 app 实例上的中间件，叫做应用级别的中间件。

【路由级别的中间件】

绑定到 express.Router() 实例上的中间件，叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别。只不过，应用级别中间件是绑定到 app 实例上，路由级别中间件绑定到 router 实例上。

【错误级别的中间件】

错误级别中间件的作用：专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题。

格式：错误级别中间件的 function 处理函数中，必须有 4 个形参，形参顺序从前到后，分别是 (err, req, res, next)。

错误级别的中间件，必须注册在所有路由之后

【Express内置的中间件】

自 Express 4.16.0 版本开始，Express 内置了 3 个常用的中间件，极大的提高了 Express 项目的开发效率和体验：

① express.static 快速托管静态资源的内置中间件，例如： HTML 文件、图片、CSS 样式等（无兼容性）

② express.json 解析 JSON 格式的请求体数据（有兼容性，仅在 4.16.0+ 版本中可用）

③ express.urlencoded 解析 URL-encoded 格式的请求体数据（有兼容性，仅在 4.16.0+ 版本中可用）

【第三方的中间件】

非 Express 官方内置的，而是由第三方开发出来的中间件，叫做第三方中间件。在项目中，大家可以按需下载并配置第三方中间件，从而提高项目的开发效率。

在 express@4.16.0 之前的版本中，经常使用 body-parser 这个第三方中间件，来解析请求体数据。

① 运行 npm install body-parser 安装中间件

② 使用 require 导入中间件

③ 调用 app.use() 注册并使用中间件

Express 内置的 express.urlencoded 中间件，就是基于 body-parser 这个第三方中间件进一步封装出来的。

3.3.4 自定义中间件

① 定义中间件

② 监听 req 的 data 事件

③ 监听 req 的 end 事件

④ 使用 querystring 模块解析请求体数据

⑤ 将解析出来的数据对象挂载为 req.body

⑥ 将自定义中间件封装为模块