Nodejs -- Express中间件的概念及基本使用
创始人
2024-02-26 05:55:02

文章目录

    • 1 中间件的概念
      • 1.1 什么是中间件
      • 1.2 现实生活中的例子
      • 1.3 Express中间件的调用流程
      • 1.4 Express的中间件的格式
      • 1.5 next函数的作用
    • 2 Express中间件初体验
      • 2.1 定义中间件函数
      • 2.2 全局生效的中间件
      • 2.3 定义全局中间件的简化形式
      • 2.4 中间件的作用
      • 2.5 定义多个全局中间件
      • 2.6 局部生效的中间件
      • 2.7 定义多个局部中间件
      • 2.8 了解中间件的五个注意事项

1 中间件的概念

1.1 什么是中间件

中间件(Middleware),特指业务流程的中间处理环节。

1.2 现实生活中的例子

在处理污水的时候,一般都要经过三个处理环节,从而保证处理过后的废水,达到排放标准。

处理污水的这三个中间处理环节,就可以叫做中间件。

中间件一般都有输入和输出,上一级的输出作为下一级的输入

image-20221128154031834

1.3 Express中间件的调用流程

当一个请求到达Express的服务器之后,可以连续调用多个中间件,从而对这次请求进行预处理

image-20221128154134575

1.4 Express的中间件的格式

Express的中间件,本质上就是一个**function处理函数**,Express中间件的格式如下:

注意:中间件函数的形参列表中,必须包含next参数。而路由处理函数中只包含req和res。

区分一个函数是中间件函数还是路由函数就区分参数列表有几个即可

image-20221128154357435

1.5 next函数的作用

next函数是实现多个中间件连续调用的关键,它表示把流转关系转交给下一个中间件或路由

image-20221128155029795

2 Express中间件初体验

2.1 定义中间件函数

可以通过如下方式,定义一个最简单的中间件函数

const express = require("express")app = express()// 定义一个中间件函数
const middleware = (req, res, next) => {console.log("进入了自定义中间件函数")// 把流转关系,转交给下一个中间件或者路由next()
}app.listen(80, () => {console.log("server start")
})

2.2 全局生效的中间件

客户端发起的任何请求,到达服务器之后,都会触发的中间件,叫做全局生效的中间件。

通过调用app.use(中间件函数),即可定义一个全局生效的中间件,示例代码如下:

// 定义一个中间件函数
const middleware = (req, res, next) => {console.log("进入了自定义中间件函数")// 把流转关系,转交给下一个中间件或者路由next()
}// 注册为全局生效的中间件
app.use(middleware) 

2.3 定义全局中间件的简化形式

直接在app.use()中传入函数

// 注册为全局生效的中间件的简化形式
app.use((req, res, next) => {console.log("进入了自定义中间件函数")// 把流转关系,转交给下一个中间件或者路由next()
}) 

2.4 中间件的作用

多个中间件之间,共享同一份req和res。基于这样的特性,我们可以在上游的中间件中,统一为req或res对象添加自定义的属性或方法,供下游的中间件或路由进行使用。

image-20221128160937112

例如:为所有请求设置到达服务器的时间,后续就可以通过req.startTime访问开始时间

app.use((req, res, next) => {const time = Date.now()req.startTime = timenext()
})app.get("/user", (req, res)=>{console.log(req.startTime)
})

2.5 定义多个全局中间件

可以使用app.use()连续定义多个全局中间件。客户端请求到达服务器之后,会按照中间件定义的先后顺序依次进行调用,示例代码如下:

app.use((req, res, next) => {console.log("第一个中间件")next()
})app.use((req, res, next) => {console.log("第二个中间件")next()
})app.get("/user", (req, res)=>{console.log(req.startTime)
})

2.6 局部生效的中间件

不使用app.use()定义的中间件,叫做局生效的中间件,示例代码如下:

const mw = (req, res, next) => {console.log("这是中间件函数")next()
}//mw只在当前路由中生效,这种用法属于“局部生效”的中间件
app.get("/user", mw, (req, res) => {res.send('success')
})// mw 这个中间件不会影响下面这个路由
app.get("/user", (req, res) => {res.send("success")
})

2.7 定义多个局部中间件

可以在路由中,通过如下两种等价的方式,使用多个局部中间件:

//以下两种写法是"完全等价"的,可根据自己的喜好,选择任意一种方式进行使用
app.get('/', mw1, mw2, (req,res)=>res.send('Home page.')}
app.get('/', [mw1 ,mw2], (req,res)=>{res.send('Home page.')})

2.8 了解中间件的五个注意事项

  • 一定要在路由之前注册中间件
  • 客户端发送过来的请求,可以连续调用多个中间件进行处理
  • 执行完中间件的业务代码之后,不要忘记调用next()函数
  • 为了防止代码逻辑混乱,调用next()函数后不要再写额外的代码
  • 连续调用多个中间件时,多个中间件之间,共享req和res对象

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...