自定义中间件

1.使用 app.use0来定义全局生效的中间件

javascript 复制代码
// 导入 express 模块
const express = require('express')
// 创建 express的服务器实例
const app = express()
app.use(function(req, res, next) {
    // 中间件的业务逻辑
})

2.监听 req 的 data 事件

在中间件中,需要监听 req 对象的 data 事件,来获取客户端发送到服务器的数据

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

javascript 复制代码
app.use(function(req, res, next) {
    // 中间件的业务逻辑
    //定义变量,用来存储客户端发送过来的请求体数据
    let str = ''
    // 监听 req 对象的 data 件 (客户端发送过来的新的请求体数据)
    req.on('data',(chunk) => (
        拼接请求体数据,隐式转换为字符串
        str += chunk
    })
})

3.监听req 的end 事件

当请求体数据接收完毕之后,会自动触发 req的end 事件

因此,我们可以在 req 的 end 事件中,拿到并处理完整的请求体数据。示例代码如下:

javascript 复制代码
app.use(function(req, res, next) {
    // 中间件的业务逻辑
    //定义变量,用来存储客户端发送过来的请求体数据
    let str = ''
    // 监听 req 对象的 data 件 (客户端发送过来的新的请求体数据)
    req.on('data',(chunk) => (
        拼接请求体数据,隐式转换为字符串
        str += chunk
    })
    // 监听 req 对象的 end 事件 (请求体发送完毕后自动触发)
    req.on( 'end', () => (
        // 打印完整的请求体数据
        console.log(str)
        // TODO: 把字符串格式的请求体数据,解析成对象格式
    })
})

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

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

javascript 复制代码
// 导入处理 querystring 的 Node.js 内置模块
const qs = require( 'querystring' )
app.use(function(req, res, next) {
    // 中间件的业务逻辑
    //定义变量,用来存储客户端发送过来的请求体数据
    let str = ''
    // 监听 req 对象的 data 件 (客户端发送过来的新的请求体数据)
    req.on('data',(chunk) => (
        拼接请求体数据,隐式转换为字符串
        str += chunk
    })
    // 监听 req 对象的 end 事件 (请求体发送完毕后自动触发)
    req.on( 'end', () => (
        // 打印完整的请求体数据
        // TODO: 把字符串格式的请求体数据,解析成对象格式
        // 调用 qs.parse() 方法,把查询字符串解析为对象
        const body = qs.parse(str)
        console.log(body)
    })
})

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

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

javascript 复制代码
// 导入处理 querystring 的 Node.js 内置模块
const qs = require( 'querystring' )
app.use(function(req, res, next) {
    // 中间件的业务逻辑
    //定义变量,用来存储客户端发送过来的请求体数据
    let str = ''
    // 监听 req 对象的 data 件 (客户端发送过来的新的请求体数据)
    req.on('data',(chunk) => (
        拼接请求体数据,隐式转换为字符串
        str += chunk
    })
    // 监听 req 对象的 end 事件 (请求体发送完毕后自动触发)
    req.on( 'end', () => (
        // 打印完整的请求体数据
        // TODO: 把字符串格式的请求体数据,解析成对象格式
        // 调用 qs.parse() 方法,把查询字符串解析为对象
        const body = qs.parse(str)
        console.log(body)
        req.body = body
        next()
    })
})

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

为了优化代码的结构,我们可以把自定义的中间件函数,封装为独立的模块,示例代码如下:

javascript 复制代码
// middleware.js模块中的代码
const qs = require('querystring')
function bodyParser(req, res, next){ /*省略其它代码*/ }
module.exports = bodyParser // 向外导出解折请求体数据的中间件函数
// ---------------分割线--------------
//1,导入自定义的中间件模块
const myMiddleware = require( 'middleware' )
// 2,注朋自定义的中间件模块
app.use(myMiddleware)
相关推荐
vx_Biye_Design1 天前
PHP中医养生馆预约系统60841-计算机课程设计、毕业设计
vue.js·spring boot·后端·mysql·php·课程设计·express
愤怒火龙果2 天前
AI攻防 LLM中间件
人工智能·网络安全·中间件
夏幻灵2 天前
Express 静态资源托管详解:从本地 HTML 到 express.static()
前端·html·express
ydjs678899-bot3 天前
您的Next.js中间件匹配器配置可能会跳过您认为它保护的路由
开发语言·javascript·中间件
毕业设计7035 天前
(免费领源码)基于node的学生公寓管理系统06412- java、PHP、python、C#、小程序、大数据、单片机、网络工程等)
vue.js·mysql·node.js·maven·mybatis·express·b/s
星星落进兜里5 天前
中间件-补充md
中间件
Wx-bishekaifayuan6 天前
springboot桂味美食分享系统40540-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游
程序员梅雨6 天前
ZooKeeper面经总结
java·大数据·linux·分布式·后端·zookeeper·中间件
Wx-bishekaifayuan8 天前
express皖美特色农产品网售系统53118-计算机课程设计、毕业设计
人工智能·spring boot·后端·python·课程设计·express·旅游
Wx-bishekaifayuan8 天前
springboot汉中旅游服务平台41442-计算机课程设计、毕业设计
spring boot·后端·python·django·课程设计·express·旅游