Express中间件是指什么,如何应用
Admin 2022-07-14 群英技术资讯 955 次浏览
本篇内容介绍了“Express中间件是指什么,如何应用”的有关知识,在实际项目的操作过程或是学习过程中,不少人都会遇到这样的问题,接下来就让小编带大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
中间件特指业务流程的中间处理环节。
当一个请求到达Express 的服务器之后,可以连续调用多个中间件,从而对这次请求进行预处理。
本质上就是function处理函数
注意:中间件函数的形参列表中,必须包含next参数。而路由处理函数中只包含req和res,
// next参数必须在最后一个传入
const mw = (req, res, next) => {
...
// next()必须在最后调用
next()
}next函数是实现多个中间件连续调用的关键,它表示把流转关系转交给下一个中间件或路由。
客户端发起的任何请求,到达服务器之后,都会触发的中间件,叫做全局生效的中间件。 通过调用server.use(中间件函数),即可定义一个全局生效的中间件,示例代码如下:
const mw = (req, res, next) => {
next()
}
const mw1 = (req, res, next) => {
next()
}
// 全局生效的中间件,中间件调用顺序以传入顺序为准
server.use(mw,mw1)局部中间件只在某一个指定的路由路径生效
const mw = (req, res, next) => {
next()
}
const mw1 = (req, res, next) => {
next()
}
// 局部生效的中间件
server.get('/',mw,(req,res)=>{
res.send('路径:/')
})
// 定义多个局部生效的中间件
// 1、直接逗号分隔
server.get('/',mw,mw1,(req,res)=>{
res.send('路径:/')
})
// 2、或者使用数组包含
server.get('/',[mw,mw1],(req,res)=>{
res.send('路径:/')
})多个中间件之间,共享同一份req和res。基于这样的特性,我们可以在上游的中间件中,统一为req或 res对象添加自定义的属性或方法,供下游的中间件或路由进行使用。
const mw = (req, res, next) => {
// 添加属性
req.startTime=new Date()
next()
}一定要在路由之前注册中间件
客户端发送过来的请求,可以连续调用多个中间件进行处理
执行完中间件的业务代码之后,不要忘记调用next()函数
为了防止代码逻辑混乱,调用next()函数后不要再写额外的代码
连续调用多个中间件时,多个中间件之间,共享req和res对象
应用级别的中间件
路由级别的中间件
错误级别的中间件
Express内置的中间件
第三方的中间件
详细介绍:
应用级别的中间件
通过app.use()或 app.get()或app.post(),绑定到app实例上的中间件,叫做应用级别的中间件,代码示例如下:
// 全局生效的中间件(应用级别的中间件)
server.use(mw,mw1)
// 局部生效的中间件(应用级别的中间件)
server.get('/',mw,mw1,(req,res)=>{
res.send(`请求进入服务器的时间:${req.startTime}`)
})路由级别的中间件
绑定到 express.Router()实例上的中间件,叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别。只不过,应用级别中间件是绑定到app实例上,路由级别中间件绑定到 router实例上,代码示例如下:
const router = require('./router/router')
// 路由级别的中间件
router.use((req,res,next)=>{
next()
})错误级别的中间件
错误级别中间件的作用:专门用来捕获整个项目中发生的异常错误,从而防止项目异常崩溃的问题。
格式∶错误级别中间件的 function处理函数中,必须有4个形参,形参顺序从前到后,分别是(err, req, res, next)。
注意:错误级别的中间件,必须注册在所有路由之后!
// 人为制造错误
server.get('/err', (req, res) => {
throw new Error('人为抛出错误!!!')
res.send('err Page')
})
// 定义错误级别的中间件
server.use((err, req, res, next) => {
console.log('发生了错误:' + err.message);
res.send('Error:'+err.message)
next()
})Express内置的中间件
自Express 4.16.0版本开始,Express 内置了3个常用的中间件,极大的提高了Express项目的开发效率和体验:
express.static快速托管静态资源的内置中间件,例如:HTML文件、图片、CSS样式等(无兼容性)
express.json解析JSON格式的请求体数据(有兼容性,仅在4.16.0+版本中可用)
express.urlencoded解析URL-encoded格式的请求体数据(有兼容性,仅在4.16.0+版本中可用)
// 配置解析application/json格式数据的内置中间件
server.use(express.json())
// 配置解析application/x-www-form-urlencoded格式数据的内置中间件
server.use(express.urlencoded({
extended: false
}))
// 测试解析json的内置中间件
server.post('/user',(req,res)=>{
// 在服务器,可以使用req.body这个属性来接受客户端发送过来的请求数据
// 默认情况下,如果不配置解析表单数据的中间件,则req.body默认等于undefined
console.log(req.body);
res.send('ok')
})
// 测试解析urlencoded的内置中间件
server.post('/book',(req,res)=>{
console.log(req.body)
res.send('book ok')
})第三方的中间件
非Express官方内置的,而是由第三方开发出来的中间件,叫做第三方中间件。在项目中,大家可以按需下载并配置第三方中间件,从而提高项目的开发效率。 例如:在express@4.16.0之前的版本中,经常使用body-parser这个第三方中间件,来解析请求体数据。使用步骤如下:
运行npm install body-parser安装中间件
使用require导入中间件
调用server.use()注册并使用中间件
注意:Express 内置的express.urlencoded 中间件,就是基于body-parser这个第三方中间件进一步封装出来的。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
vue项目在本地构建后,每次热更新都会卡在 75 advanced module optimization 的地方不动了。很影响开发效率有木有,网上一搜给的方案(babel-plugin-dynamic-import-node)试了下各种报错,要么说版本问题,要么说引入文件的方式不对,要么说webpack的配置不对,然
javascript求1到100的和的方法:1、创建一个HTML示例文件并添加script标签;2、通过“for(i=1;i<=100;i++){sum=sum+i}”语句求1到100的和即可。
栅格就是网格,本文详细的介绍了Bootstrap网页布局网格的原理和实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
这篇文章主要介绍了JavaScript数据结构与算法,文章围绕主题展开数据结构与算法的概念,以及几种常见的数据结构是什么,有什么优点和缺,具有一定的参考价值,需要的小伙伴可以参考一下
最近在做商城类的项目,需要使用到客服系统,用户选择的腾讯IM即时通信,所以本文主要介绍了vue实现集成腾讯TIM即时通讯,感兴趣的可以了解一下
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 ICP核准(ICP备案)粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008