Express自定义中间件

本文涉及的产品
Serverless 应用引擎免费试用套餐包,4320000 CU,有效期3个月
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
云原生网关 MSE Higress,422元/月
简介: 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 事件时,获取到数据只是完整数据的一部分,需要手动对接收到的数据进行拼接。

// 定义变量,用来存储客户端发送来的请求体数据
let str = ''
// 监听 req 对象的 data 事件(客户端发送过来的新的请求体数据)
req.on('data', (chunk) => {
    // 拼接请求体数据,隐式转换为字符串
    str += chunk
})

监听 req 的 end 事件

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

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

// 监听 req 对象的 end 事件(请求体发送完毕自动触发)
req.on('end', () => {
    // 打印完整的请求体数据
    console.log(str)
    // TODO: 把字符串的请求体数据,解析成对象格式
})

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

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

// 导入处理 querystring 的 Node.js 内置模块
const qs = require('querystring')
// 调用 qs.parse() 方法, 把查询字符串解析为对象
const body = qs.parse(str)

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

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

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

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

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

// 自定义中间件.js 模块中的代码
const qs = require('querystring')
function bodyParser(req, res, next) {
    /* 省略其他代码 */
}
module.exports = bodyParser // 向外导出解析请求体数据的中间件函数
// ----------------------------分割线-------------------------------
// 1. 导入自定义的中间件模块
const bodyParser = require('./自定义中间件')
// 2. 注册自定义的中间件模块
app.use(bodyParser)

完整代码

自定义中间件.js

// 自定义中间件.js 模块中的代码
const qs = require('querystring')
function bodyParser(req, res, next) {
    // 定义变量,用来存储客户端发送来的请求体数据
    let str = ''
    // 监听 req 对象的 data 事件(客户端发送过来的新的请求体数据)
    req.on('data', (chunk) => {
        // 拼接请求体数据,隐式转换为字符串
        str += chunk
    })
    // 监听 req 对象的 end 事件(请求体发送完毕自动触发)
    req.on('end', () => {
        // 打印完整的请求体数据
        console.log(str)
        const body = qs.parse(str) // 调用 qs.parse() 方法,把查询字符串解析为对象
        req.body = body  // 将解析出来的请求体对象,挂载为 req.body 属性
        next()  // 最后,一定要调用 next() 函数,执行后续的业务逻辑
    })
}
module.exports = bodyParser // 向外导出解析请求体数据的中间件函数

自定义中间件的使用.js

const express = require('express')
const app = express()
const bodyParser = require('./自定义中间件')
app.use(bodyParser)
app.get('/', (req, res) => {
    console.log('自定义中间件的测试');
    res.send(req.body)
})
app.listen(8080, () => {
    console.log('server is running');
})


相关文章
|
JSON 前端开发 中间件
axios基本使用,express中间件
axios基本使用,express中间件
|
2月前
|
数据采集 中间件 开发者
Scrapy爬虫框架-自定义中间件
Scrapy爬虫框架-自定义中间件
62 1
|
28天前
|
Web App开发 JSON JavaScript
Node.js 中的中间件机制与 Express 应用
Node.js 中的中间件机制与 Express 应用
|
7月前
|
存储 缓存 JSON
玩转Express(二)登录态&中间件
玩转Express(二)登录态&中间件
|
6月前
|
JSON 中间件 API
中间件API示例(以Express.js为例)
【6月更文挑战第14天】
51 8
|
7月前
|
JavaScript 中间件 API
中间件应用Express.js(Node.js)
【5月更文挑战第3天】我们定义了一个名为 `logger` 的中间件函数。它接受请求对象、响应对象以及下一个中间件函数作为参数。当接收到请求时,它会打印出请求的 HTTP 方法和 URL,然后调用 `next()` 函数来将控制权传递给下一个中间件或路由处理器。我们使用 `app.use()` 方法将 `logger` 中间件添加到了应用级别的中间件堆栈中,这意味着它将对所有请求生效。
51 3
中间件应用Express.js(Node.js)
|
中间件
93 # 实现 express 错误处理中间件
93 # 实现 express 错误处理中间件
64 0
|
7月前
|
开发框架 JavaScript 中间件
深入探索Node.js的Express框架:使用与中间件详解
【4月更文挑战第30天】本文深入探讨了Node.js的Express框架,介绍了其作为Web开发的强大工具,主要聚焦于基本使用和中间件。Express是基于Node.js的Web应用框架,用于构建高效的应用和API。文章详细讲解了如何安装Express,创建简单应用,以及中间件的工作原理和应用,包括中间件的顺序、错误处理和挂载位置。此外,还提到了使用第三方中间件扩展功能。理解Express基础和中间件对于开发高质量Web应用至关重要。
|
7月前
|
Web App开发 JavaScript 前端开发
Express 框架的特点、使用方法以及相关的常用功能和中间件
Express 框架的特点、使用方法以及相关的常用功能和中间件
370 1
|
7月前
|
JavaScript 前端开发 中间件
Node.js—Express使用、Express 路由 、Express 中间件、托管静态资源、使用 Express 写接口、node.js链接sqlite数据库
Node.js—Express使用、Express 路由 、Express 中间件、托管静态资源、使用 Express 写接口、node.js链接sqlite数据库
248 0