自定义中间件

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

1.自定义中间件的步骤

实现步骤:

  1. 定义中间件
  2. 监听req的data事件
  3. 监听req的end事件
  4. 使用querystring模块解析请求体数据
  5. 将解析出来的数据对象挂在为req.body
  6. 将自定义中间件封装为模块

在这里插入图片描述

2.定义中间件的格式

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

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

在这里插入图片描述

3.监听req的data事件

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

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

在这里插入图片描述

4.监听req的end事件

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

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

在这里插入图片描述
发送一个post请求,服务器中打印出来的参数如下
在这里插入图片描述
在这里插入图片描述

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

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

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

//调用qs.parse()方法,把查询字符串解析成为对象
const body = qs.parse(str)

在这里插入图片描述
将请求中的查询字符串解析成为对象,并打印出来:
在这里插入图片描述

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

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

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

在这里插入图片描述

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

新建一个js文件用来封装自定义的中间件

const qs = require('querystring')
const bodyParser = (req, res, next) => {
	//业务逻辑
}
module.exports = bodyParser

在服务器中导入自定义中间件

const express = require('express')
//创建web服务器,命名为app
const app = express()

//1.导入自己封装的中间件模块
const customBodyParser = require('./14.custom-body-parser')

//2.将自定义的中间件函数,注册为全局可用的中间件

app.use(customBodyParser)
//挂载路由
app.get('/', (req,res) => {res.send('Hello World')})
app.post('/', (req,res) => {res.send('post request')})

//启动服务器
app.listen(80, () => { console.log('server running at http://127.0.0.1') })

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值