目录
1. 中间件分类:
为了方便大家理解和记忆中间件的使用,Express 官方把常见的中间件用法,分成了5大类,分别是:
1. 应用级别的中间件
2. 路由级别的中间件
3. 错误级别的中间件
4. Express 内置中间件
5. 第三方中间件
2. 应用级别中间件
通过 app.use() 或 app.get() 或 app.post(), 绑定到 app 实例上的中间件,叫做应用级别的中间件,示例代码如下:
// 应用级别中间件(全局中间件)
app.use((req, res, next) => {
next()
})
// 应用级别中间件(局部中间件)
app.get('/', mw1, (req, res) => {
res.send('Home page.')
})
其中:mw1 为全局中间件函数
3. 路由级别的中间件
绑定到 express.Router() 实例上的中间件,叫做路由级别的中间件。它的用法和应用级别的中间件没有任何区别,只不过,应用级别中间件是绑定到 app 实例上,路由级别中间件是绑定到 router 实例上,代码示例如下:
// 引入 express
const express = require('express')
// 创建路由对象
const router = express.Router()
// 路由级别中间件
router.use((req, res, next) => {
console.log('我是路由级别的中间件')
next()
})
// 为路由挂载具体的路由
// 挂载第一个路由
router.get('/', (req, res) => {
res.send('Hello get路由中间件')
})
// 挂载第二个路由
router.post('/', (req, res) => {
res.send('Hello post路由中间件')
})
// 将路由暴露出去
module.exports = router
4. 错误级别的中间件
作用:专门用来捕获整个项目中发生的异常错误,从而防止项目异常崩溃的问题
格式:错误级别中间件的 function 处理函数中,必须有 4 个形参,分别是(err, req, res, next)
代码示例如下:
const express = require('express')
const app = express()
// 编写具体路由
app.get('/', (req, res) => {
// 抛出一个自定义错误
throw new Error('服务器发生了错误')
res.send('Hello get')
})
app.post('/', (req, res) => {
res.send('Hello post')
})
// 全局错误级别的中间件
app.use((err, req, res, next) => {
console.log(err.message) // 在服务器打印错误信息
res.send(err.message) // 向客户端响应错误内容
})
app.listen(80, () => {
console.log('server run at http://127.0.0.1')
})
注意:错误级别的中间件,必须注册在所有中间件之后
5. Express 内置中间件
Express 内置了 3 个常用的中间件,极大的提高了 Express 项目的开发效率和体验
5.1 express.static 中间件
作用:express.static 快速托管静态资源的内置中间件,例如:HTML文件,图片,CSS样式等(无兼容性)
使用方法:app.use(express.static)
代码示例:
// 导入 Express
const express = require('express')
// 创建服务器
const app = express()
// 使用 express.static() 快速对外提供静态资源
app.use(express.static('./code'))
// 启动服务器
app.listen(80, () => {
console.log('server run at http://127.0.0.1')
})
5.2 express.json 中间件
作用: express.json 解析 JSON 格式的请求数据(有兼容性,仅在 4.16.0+ 版本中可用)
使用方法:app.use(express.json())
代码展示:
// 引入 express
const express = require('express')
// 创建服务器对象
const app = express()
// 通过 express.json() 这个中间件,解析表单中的 JSON 格式的数据,这个中间件会把解析出来的数据挂载到 req 身上,叫做body,后续可以通过 req.body来进行访问
app.use(express.json())
app.get('/user', (req, res) => {
// 在服务器,可以使用 req.body 这个属性,来接收客户端发送过来的请求体数据
// 在默认情况下,如果不配置解析表单数据的中间件,则 req.body 默认等于 undefined
console.log(req.body)
res.send('Hello get')
})
// 启动服务器
app.listen(80, () => {
console.log('Express server running at http://127.0.0.1')
})
注意:在服务器,可以使用 req.body 这个属性,来接收客户端发送过来的请求体数据
注意:在默认情况下,如果不配置解析表单数据的中间件,则 req.body 默认等于 undefined
注意:通过 express.json() 这个中间件,解析表单中的 JSON 格式的数据,这个中间件会把解析出来的数据挂载到 req 身上,叫做body,后续可以通过 req.body来进行访问
5.3 express.urlencoded 中间件
作用:express.urlencoded 解析 URL-encoded 格式的请求体数据(有兼容性,仅在 4.16.0+ 版本中可用)
使用方法:app.use(express.urlencoded({ extend: false }))
代码展示:
// 引入 express
const express = require('express')
// 创建服务器对象
const app = express()
// 通过 express.urlencoded() 这个中间件,解析表单中的 url-encoded 格式数据,这个中间件会把解析出来的数据挂载到 req 身上,叫做body,后续可以通过 req.body来进行访问
app.use(express.urlencoded({ extended: false }))
app.get('/user', (req, res) => {
// 在服务器,可以使用 req.body 这个属性,来接收客户端发送过来的请求体数据
// 在默认情况下,如果不配置解析表单数据的中间件,则 req.body 默认等于 undefined
console.log(req.body)
res.send('Hello get')
})
// 启动服务器
app.listen(80, () => {
console.log('Express server running at http://127.0.0.1')
})
6. 第三方中间件
非 Express官方内置的,而是由第三方开发出来的中间件,叫做第三方中间件。在项目中,大家可以按需下载并配置第三方中间件,从而提高项目的开发效率
例如:在 express@4.16.0之前的版本中,经常使用 body-parser 这个第三方中间件,来解析请求数据。
第三方中间件使用步骤如下:(这里以 body-parser为例)
1. 运行 npm install 名称 安装中间件
2. 使用 require 导入中间件
// 引入 body-parser
const parser = require('body-parser')
3. 调用 app.use() 注册并使用中间件
// 使用第三方中间件
app.use(parser.urlencoded({ extended: false }))
注意:Express 内置的 express.urlencoded 中间件,就是基于 bodu-parser 这个第三方中间件进一步封装出来的