Node 中 Express中间件(Middleware)分类

目录

1. 中间件分类：

2. 应用级别中间件

3. 路由级别的中间件

4. 错误级别的中间件

5. Express 内置中间件

        5.1 express.static 中间件

        5.2 express.json 中间件

        5.3 express.urlencoded 中间件

6. 第三方中间件

---

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 这个第三方中间件进一步封装出来的