自定义express中间件

实现步骤

自己手动模拟一个类似于express.urlencoded这样的中间件，来解析POST请求提交到服务器的表单数据
实现步骤：
①定义中间件
②监听req的data事件
③监听req的end事件
④使用querystring模块解析请求体数据‘
⑤将解析出来的数据对象挂载到req.body

定义中间件

使用app.use()来定义全局生效的中间件，代码如下：

app.use(function(req,res,next)=>
{
//中间件的业务逻辑

})

监听req的data事件

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

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

监听req的end事件

当请求体数据接收完毕之后，会自动触发req的end事件
因此，我们可以在req的end事件中，拿到并处理完整的请求体数据。实例代码如下：

// 3. 监听 req 的 end 事件
  req.on('end', () => {

     console.log(str) 
    next()
  })

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

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

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

 // TODO: 把字符串格式的请求体数据，解析成对象格式
    const body = qs.parse(str)

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

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

  const body = qs.parse(str)
    req.body = body
    next()

举例：

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()
// 导入 Node.js 内置的 querystring 模块
const qs = require('querystring')

// 这是解析表单数据的中间件
app.use((req, res, next) => {
  // 定义中间件具体的业务逻辑
  // 1. 定义一个 str 字符串，专门用来存储客户端发送过来的请求体数据
  let str = ''
  // 2. 监听 req 的 data 事件
  req.on('data', (chunk) => {
    str += chunk
  })
  // 3. 监听 req 的 end 事件
  req.on('end', () => {
    // 在 str 中存放的是完整的请求体数据
    // console.log(str)
    // TODO: 把字符串格式的请求体数据，解析成对象格式
    const body = qs.parse(str)
    req.body = body
    next()
  })
})

app.post('/user', (req, res) => {
  res.send(req.body)
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})

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

自定义模块：

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

const bodyParser = (req, res, next) => {
  // 定义中间件具体的业务逻辑
  // 1. 定义一个 str 字符串，专门用来存储客户端发送过来的请求体数据
  let str = ''
  // 2. 监听 req 的 data 事件
  req.on('data', (chunk) => {
    str += chunk
  })
  // 3. 监听 req 的 end 事件
  req.on('end', () => {
    // 在 str 中存放的是完整的请求体数据
    // console.log(str)
    // TODO: 把字符串格式的请求体数据，解析成对象格式
    const body = qs.parse(str)
    req.body = body
    next()
  })
}

module.exports = bodyParser

使用模块

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()

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

app.post('/user', (req, res) => {
  res.send(req.body)
})

// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(80, function () {
  console.log('Express server running at http://127.0.0.1')
})