自定义中间件

需求描述

自己手动模拟一个类似于express.urlencoded这样的中间件，来解析POST提交到服务器的表单数据

实现步骤

1. 定义中间件

使用app.use()来定义全局生效的中间件

app.use((req,res,next)=>{
    //中间件具体逻辑业务代码
})

2. 监听req的data事件

在中间件中，需要监听req对象的data事件，来获取客户端发送到服务器的数据。
如果数据量比较大，无法一次性发送完毕，则客户端会把数据切割后，分批发送到服务器。所以data事件可能会触发多次，每一次触发data事件时，获取到数据只是完整数据的一部分，需要手动对接收到的数据进行拼接。

 //定义一个str字符串，专门用来存储客户端发送过来的请求体数据
let str = ''
//监听req的data事件
req.on('data',(chunk)=>{
    str += chunk
})

3. 监听req的end事件

当请求体数据接收完毕之后，会自动触发req的end事件，可以在req的end事件中，拿到并处理完整的请求体数据

req.on('end', () => {
        //str中存放着完整的请求体数据
        console.log(str);
        //将字符串格式的请求体数据，解析成对象格式
    })

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

Node.js内置了一个querystring模块，专门用来处理查询字符串。通过这个模块提供的parse()函数，可以轻松把查询字符串，解析成对象的格式。示例代码如下:

//导入内置的querystring模块
const qs = require('querystring')

//将字符串格式的请求体数据，解析成对象格式
const body = qs.parse(str)
console.log(body);

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

上游的中间件和下游的中间件及路由之间，共享同一份req和res。因此，我们可以将解析出来的数据，挂载为 req的自定义属性，命名为req.body，供下游使用。示例代码如下:

const body = qs.parse(str)//调用qs.parse()方法，把查询字符串解析为对象
req.body = body//将解析出来的请求体对象，挂载为req.body属性
next()//最后，一定要调用next()函数，执行后续的业务逻辑

优化

如果想让代码结构更加清晰的话，可以把自定义的中间件函数，封装为单独的模块
自定义模块custom-body-parser.js中代码：

//导入内置的querystring模块
const qs = require('querystring')

const bodyParser = (req, res, next) => {
    //定义一个str字符串，专门用来存储客户端发送过来的请求体数据
    let str = ''
        //监听req的data事件
    req.on('data', (chunk) => {
            str += chunk
        })
        //监听req的end事件
    req.on('end', () => {
        //str中存放着完整的请求体数据
        //将字符串格式的请求体数据，解析成对象格式
        const body = qs.parse(str) //调用qs.parse()方法，把查询字符串解析为对象
        req.body = body //将解析出来的请求体对象，挂载为req.body属性
        next() //最后，一定要调用next()函数，执行后续的业务逻辑
    })
}

module.exports = bodyParser//将他暴露出去

这是对自定义模块使用：

const express = require('express')
const app = express()


//导入自己封装的中间件模块
const myBodyParser = require('./custom-body-parser')
//将自定义的中间件函数，注册为全局可用的中间件
app.use(myBodyParser)


app.post('/user', (req, res) => {
    console.log(req.body);
    res.send(req.body);
})
app.listen(80, () => {
    console.log('http://127.0.0.1');
})