express 中间件

已于 2023-09-07 21:05:05 修改
阅读量356 收藏
点赞数 1
分类专栏： node express 文章标签： 中间件 express java
于 2023-03-23 16:24:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42015021/article/details/129733334
版权

背景

中间件的应用十分广泛。

场景1：我们需要记录每个接口调用时间时，就可以使用中间件函数。使用中间件函数后，在调用每个接口时，在不修改之前接口代码的基础上，可以自动打印对应的时间。
场景2 路由也是中间件：只不过路由会限制对中间件的规则有限制。

常用中间件

  • 打印接口调用时间
  • 打印接口调用ip
  • 打印接口耗时
app.use(async (req, res, next)=>{
    let startTime = Date.now();
    console.log("ip:" + req.ip + "------- interface:" + req.originalUrl + "----- time:" + currentTime)
    // 把流转关系转交给下一个中间件或者路由
    next()
    let endTime = Date.now()
    console.log(req.originalUrl + "-------- 执行时间：" + (endTime - startTime)/1000 + "s")
})

中间件

Express中间件和AOP面向切面编程是一个意思，不需要修改自己的代码，以此来扩展或者处理一些功能。

将日志记录，性能统计，安全控制，事务处理， 异常处理等代码从业务逻辑代码 中划分出来，通过对这些行为的分离，我们希望望可以将它们独立到非指导业务逻辑的方法中，进而改变这些行为的时候不影响业上务逻辑的代码。

  • 当一个请求到达Express的服务器后，可以连续调用多个中间件，从而对这次请求进行预处理。
  • 中间件函数的形参列表中，必须包含next参数。而路由处理函数中只能包括req以及res。
  • next()函数是实现多个中间件连续调用的关键，他表示把流转关系交给下一个中间件或路由。
  • 多个中间件，共用一个req、res。
  • 请求到来之后按照代码从上到下的顺序进行匹配，因此中间件需要在路由之前声明。

中间件可实现功能

1、执行任何代码
2、修改request或者response响应对象
3、结束请求相应周期
4、调用下一个中间件

如果从路由器中间件堆栈跳过其余中间件功能，请调用next('route')将控制权传递给下一个路由。
注意：next('route')仅在app.METHOD()或router.METHOD()函数加载的中间件函数中有效。

中间件的使用

const express = require("express");

const app = express()

// 定义一个简单的中间件 常量mw所指
const mw = function (req, res, next) {
    console.log("这种最简单的中间件函数")
    // 把流转关系转交给下一个中间件或者路由
    next()
}

app.use(mw)

app.get('/',(req, res)=>{
    console.log('Home page')
    res.send("Home page")
})
app.get('/user',(req, res)=>{
    console.log('user page')
    res.send("user page")
})


app.listen(8080,()=>{
    console.log("express start on 8080")
})

请求结果：

这种最简单的中间件函数 
Home page

中间件的简化生成

中间件的调用可以这样简化：

const express = require("express");

const app = express()

// 定义全局中间件的简化形式
app.use((req, res, next)=>{
    console.log("简化的全局中间件...")
    next()
})

app.get('/',(req, res)=>{
    console.log('Home page')
    res.send("Home page")
})
app.get('/user',(req, res)=>{
    console.log('user page')
    res.send("user page")
})


app.listen(8080,()=>{
    console.log("express start on 8080")
})

中间件挂载方法或者属性

const express = require("express");

const app = express()

/**
 * 中间件的上游挂载属性，下游可以访问到挂载的属性。
 */
// 定义全局中间件的简化形式
app.use((req, res, next)=>{
    console.log("简化的全局中间件...")
    /**
     * 为req对象 挂载自定义属性(接受请求的时间)，从而把时间共享给后面的所有路由
     */
    req.startTime = new Date()
    next()
})

app.get('/',(req, res)=>{
    console.log('Home page')
    res.send("Home page " + req.startTime)
})
app.get('/user',(req, res)=>{
    console.log('user page')
    res.send("user page  " + req.startTime)
})


app.listen(8080,()=>{
    console.log("express start on 8080")
})

多个中间件

express定义多个中间件时，会按照定义的先后顺序在多个中间件间进行信息的流转。

const express = require("express");

const app = express()

/**
 * 中间件的上游挂载属性，下游可以访问到挂载的属性。
 * 定义全局中间件的简化形式
 */
app.use((req, res, next)=>{
    console.log("简化的全局中间件...")
    /**
     * 为req对象 挂载自定义属性(接受请求的时间)，从而把时间共享给后面的所有路由
     */
    req.startTime = new Date()
    next()
})

/**
 * 第二个全局中间件
 * 如果挂载多个全局中间件，express会按照定义的顺序前后调用多个中间件
 */
app.use((req, res, next)=>{
    console.log("第二个中间件")
    next()
})


app.get('/',(req, res)=>{
    console.log('Home page')
    res.send("Home page " + req.startTime)
})
app.get('/user',(req, res)=>{
    console.log('user page')
    res.send("user page  " + req.startTime)
})


app.listen(8080,()=>{
    console.log("express start on 8080")
})

打印的日志信息如下：

express start on 8080 
简化的全局中间件... 
第二个中间件 
Home page

局部生效的中间件

const express = require("express");

const app = express()

// 定义一个简单的中间件 常量mw所指
const mw = function (req, res, next) {
    console.log("调用了局部生效的中间件")
    // 把流转关系转交给下一个中间件或者路由
    next()
}

app.get('/',mw,(req, res)=>{
    console.log('Home page')
    res.send("Home page " + req.startTime)
})
app.get('/user',(req, res)=>{
    console.log('user page')
    res.send("user page  " + req.startTime)
})


app.listen(8080,()=>{
    console.log("express start on 8080")
})

多个局部生效的中间件

使用多个局部中间件的两种方式
app.get(‘/’, mw, mw2, (req, res）
app.get(‘/user’, [mw, mw2], (req, res)

const express = require("express");

const app = express()

// 定义一个简单的中间件 常量mw所指
const mw = function (req, res, next) {
    console.log("调用了局部生效的中间件")
    // 把流转关系转交给下一个中间件或者路由
    next()
}

// 定义一个简单的中间件 常量mw所指
const mw2 = function (req, res, next) {
    console.log("调用了第二个局部生效的中间件")
    // 把流转关系转交给下一个中间件或者路由
    next()
}

/**
 * 使用多个局部中间件的两种方式
 * app.get('/', mw, mw2, (req, res)
 * app.get('/user', [mw, mw2], (req, res)
 */
app.get('/', mw, mw2, (req, res) => {
    console.log('Home page')
    res.send("Home page " + req.startTime)
})
app.get('/user', [mw, mw2], (req, res) => {
    console.log('user page')
    res.send("user page  " + req.startTime)
})


app.listen(8080, () => {
    console.log("express start on 8080")
})

中间件分类

应用级别的中间件

通过app.use()(全局)或者app.get()(局部)，绑定到app实例上的中间件，叫做应用级别的中间件。

路由级别的中间件

绑定到express.Router()实例上的中间件，叫做路由级别的中间件。他的用法和应用级别中间件没有任何区别。只不过，应用级别中间件时绑定到app实例上，路由级别中间件绑定到router实例上。

错误级别的中间件

错误级别的中间件，必须有四个形参，err req res next
错误级别中间件，一定要注册在所有的路由之后。

const express = require('express');

const app = express();

// 不添加错误路由的情况下 人为添加错误
app.get("/", (req, res) => {
    throw new Error('服务器内部发生了错误')
    res.send(' Home page')
})
// 创建错误级别的中间件，捕获整个项目中的异常错误，从而防止整个项目的崩溃
app.use((err, req, res, next) => {
    console.log("发生了错误：" + err.message)
    res.send("error:" + err.message)
})

app.listen(8080, () => {
    console.log(' 启动在8080  ')
})

404中间件

通常在所有的路由之后配置处理404的内容。
请求来到后匹配所有的中间件以及所有的路由，然后发现客户端网址对应的地址无法匹配，进而进入404处理环节，返回404。因此404中间件需要放在所有的中间件（非错误中间件）以及路由之后。

Express内置的中间件


> express.static 
> express.json(4.16.0+) 
> express.urlencoded(4.16.0+)

express.json()中间件的使用

const express = require('express');

const app = express();

// 除了错误级别的中间件，其他的中间件，必须在路由之前进行配置
//  通过express.json()这个中间件 解析表单中json格式的请求体数据，
app.use(express.json())

app.post('/user',(req, res)=>{
    // 在服务器，可以通过req.body这个属性，来接收客户端发送过来的请求体数据
    // 默认情况下，如果不配置解析表单数据的中间件，则req.body 默认等于 undefined
    console.log(req.body)
    res.send(' ok')
})

app.listen(8080, () => {
    console.log(' 启动在8080  ')
})

express.urlencoded()中间件的使用

const express = require('express');
const app = express();
// 通过express.urlencoded()这个中间件 解析表单中的url-encoded格式的数据
app.use(express.urlencoded())

app.post('/user',(req, res)=>{
    // 在服务器，可以通过req.body这个属性，来接收客户端发送过来的请求体数据
    // 默认情况下，如果不配置解析表单数据的中间件，则req.body 默认等于 undefined
    console.log(req.body)
    res.send(' ok')
})

app.listen(8080, () => {
    console.log(' 启动在8080  ')
})

第三方的中间件

body-parser

const express = require('express');
const parser = require('body-parser');
const app = express();
// 除了错误级别的中间件，其他的中间件，必须在路由之前进行配置
// 注意express 内置的express.urlencoded中间件 就是基于body-parser这个中间件进一步封装出来的
app.use(parser.urlencoded({extended : false}))
app.post('/user',(req, res)=>{
    // 在服务器，可以通过req.body这个属性，来接收客户端发送过来的请求体数据
    // 默认情况下，如果不配置解析表单数据的中间件，则req.body 默认等于 undefined
    console.log(req.body)

    res.send(' ok')
})
app.listen(8080, () => {
    console.log(' 启动在8080  ')
})

自定义中间件

import qs from "querystring";

const bodyParser = (req,res,next)=>{
    // 监听req的data事件,来获取客户端发送到服务端的数据
    // 如果数据量比较大，无法一次发送完毕，客户端会将数据分割后，分批发送到服务器，所以data事件可能会触发多次。每触发
    //一次，获取到数据只是完整数据的一部分，需要手动对接收到的数据进行拼接。
    let str = ''
    req.on('data',(chunk)=>{
        str += chunk
    })
    // 当请求体数据接收完毕之后，会自动触发req的end事件
    // 因此，我们可以在req的end事件中，
    req.on('end',()=>{
        console.log(str)
        const body = qs.parse(str);
        console.log(body)
        // 将解析出来的数据对象挂载为req.body
        req.body = body
        next()
    })
}

module.exports = bodyParser;

Express实现get post请求

创建express()类，使用router路由

const express = require("express");
const app = express()

app.use(express.urlencoded({extended : false}))

const router = require("./9")
app.use('/user',router)

app.listen(8080,()=>{
    console.log("server start at 8080")
})

路由中，声明使用get请求

const express = require('express')
const router = express.Router()

router.get('/get',(req, res)=>{
    // 通过req.query获取客户端通过查询字符串，发送到服务器的数据
    let query = req.query;
    // 调用res.send() 向服务端响应处理的结果
    res.send({
        status : 0,
        msg : ' GET请求成功',
        data: query
    })
})


router.post('/post',(req, res)=>{
    // 获取客户端发送到服务端的url-encoded数据
    let body = req.body;

    // 调用res.send() 把数据响应给客户端
    res.send({
        status : 0,
        msg : ' Post 请求成功',
        data: body
    })
})

module.exports = router

跨域

需要在路由之前配置cors中间件，从而解决接口跨域的问题

const express = require("express");
const app = express()
var cors = require('cors');


/**
 * 跨域问题的方案
 * 1. cors 主流的解决方案 推荐使用
 * 需要在路由之前配置cors中间件，从而解决接口跨域的问题
  */
app.use(cors())

// 配置中间件，才可以拿到urlencoded类型的数据
app.use(express.urlencoded({extended : false}))

const router = require("./9")
app.use('/user',router)

app.listen(8080,()=>{
    console.log("server start at 8080")
})

cors响应头分三类

1.assess-control-allow-origin 可以控制允许哪些网站的跨域请求。
2. 默认情况下，cors仅支持客户端向服务端发送的9个请求头，如果客户端向服务端发送了额外的请求头信息，则需要在服务端，通过Assess-Control-Allow-Headers对额外的请求头进行声明，否则这次请求会失败。 多个请求头之前用英文逗号分割。
3. Assess-Control-Allow-Methods 默认情况下，cors仅支持客户端发起GET、Post、Head请求。如果希望支持Put、Delete等方式请求服务器的资源。则需要在服务器端指明。

cors响应头分三类

简单请求。

1.没有用到自定义的cors响应头。
客户端与服务器只会发生一次请求。

预检请求。

1.使用了自定义的cors响应头。
客户端与服务器之间会发生两次请求。OPTIONS预检成功后，才会发送真正的请求。

express

学知识拯救世界
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈express 中间件机制及实现原理
08-29
总结来说，Express中间件机制是通过一系列函数的串联，实现了请求处理的分步执行，为Node.js应用提供了强大的灵活性和可扩展性。理解和熟练使用中间件是掌握Express框架的关键，它使得开发复杂的Web应用变得简单高效...
express-ip：一种用于获取IP信息的Express中间件
02-05
Express IP 这是一个使用geoip-lite获取IP信息的快速模块。 它也可以用作快速中间件。 基本上它是一个快速的中间件。 因此，您可以获得有关IP的信息。 安装 npm install express-ip 用法 短 const express = ...
express中间件当做前端服务器的安全漏洞处理
02-27
本篇文章将深入探讨Express中间件中可能存在的安全问题，并提供一些处理这些问题的方法。 一、Express中间件的理解与使用 Express中间件是一种函数，它接收请求对象(req)、响应对象(res)以及下一个中间件的函数...
express中间件.xmind
07-04
express中间件.xmind
connect-multiparty中间件用法以及实例--文件上传中间件（保姆级别教学）
x15514104477的博客
07-23 551
connect-multiparty中间件用法以及实例--文件上传中间件（保姆级别教学），在上传一个文件例如：图片，视频时，就要用到
express进阶用法如：静态资源中间件，路由中间件的用法等
x15514104477的博客
07-23 639
express进阶用法：有路由，中间件，静态管理，请求对象，响应对象，模板引擎，错误处理，性能优化等8个方面的知识总结
等保学习干货|等保测评2.0技术中间件自查阶段(下)
2401_84434570的博客
07-23 583
以下是根据我国网络安全体系制订的一系列保护流程进行的等级保护测评。该测评针对已有和将上线的业务服务的基础设施（系统、数据库、中间件等），执行一系列检查以确保安全合规。一般来说：业务系统的组成是由系统和数据库及中间件组成，被攻击的情况下，攻击者也是向此作为目的进行攻击。Nignx版本为1.25.4。
【测开能力提升-fastapi框架】fastapi能力提升 - 中间件与CORS
qxj2422640226的博客
07-22 557
一种机制，用于在处理请求和响应之前对其进行拦截、处理或修改。中间件可以在应用程序的请求处理管道中插入自定义逻辑，以实现一些通用的功能，如身份验证、日志记录、错误处理等。中间件在请求到达应用程序之前被执行，并在应用程序生成响应之前被执行。它们可以对请求进行修改、记录请求信息、添加额外的响应头，甚至可以拒绝请求或提前返回响应。在FastAPI中，可以通过编写中间件函数来定义中间件逻辑。
ROS2中间件
John_ToStr的博客
07-19 1206
ROS2中间件
微服务常用的中间件有哪些？都有什么用途？
逆天-逍遥哥哥的博客
07-19 1286
微服务常用的中间件有哪些？都有什么用途？
DP读书：鲲鹏处理器 架构与编程（六）PCI Express 总线
DarrenPig的博客
08-16 2050
PCI Express总线的拓扑发现是指通过一定的协议和机制，在系统中识别和确定PCI Express设备的连接关系和数据传输路径的过程。根据不同的事务类型，事务层会产生不同类型的TLP报文，并根据不同的路由方式进行数据转发。总之，PCI Express总线中的另一个重要组件是PCI Express桥，它的作用是将PCI Express总线连接到其他类型的总线或设备，从而形成一个更大的网络。通过以上步骤，可以获取PCI Express总线的拓扑结构，包括设备的连接关系、设备的配置信息和数据传输路径等。
12. Hibernate 模板设计模式
这是一个web全栈开发的博客，取其精华去其糟粕，争取让大家一看就懂，一学就会，一用就成~
07-22 847
如何运用模板设计模式重构 Hibernate 操作流程；持久化对象与序列化接口；OOP中有一个编码原则 ：写仅写一次。翻译过来就是，不要重复，要重用。答案是：使用模板设计模式进一步封装Hibernate的操作。在真实项目中，Hibernate仅仅只是完成项目中的一部分工作，需要和其它，如Spring等框架联合工作，一起承担整体项目的开发。Spring框架中就提供的有Hibernate模板对象。一个常规的、频繁的操作代码中，大部分代码不需要变动，只有小部分代码需要根据需求变动。
Promise 详解（原理篇）
山重水复疑无路，柳暗花明又一村。
07-20 702
Promise 是一种异步编程的解决方案。在异步操作中，callback 会导致回调地狱的问题，Promise 解决了这个问题。一个 Promise对象有以下三种状态:pending：初始状态，既不是成功，也不是失败状态。：意味着操作成功完成。rejected：意味着操作失败。当 new Promise() 被实例化后，即表示 Promise 进入 pending 初始化状态，准备就绪，等待运行。
Java内存模型
weixin_44267758的博客
07-19 729
此处的变量不是指java编程中的变量，它包括了实例字段，静态字段和构成数值对象的元素，但不包括局部变量和方法参数。JMM规定所有变量都存储在主内存中。每条线程有自己的工作内存，工作内存中保留了该线程使用到变量的主内存的副本。线程对变量的所有操作都必须在工作内存中进行，不能直接读写主内存的变量，不同的线程间也无法直接访问对方工作内存的变量，线程之间的变量值传递需要通过主内存来完成。
java算法day19
TOMOT77的博客
07-20 273
我第一时间想到的方法是遍历二叉树+哈希。哈希用来统计数字出现的次数。之后遍历map收集结果。利用了BST的性质，即BST的中序序列是有序序列。
【Java算法】前缀和 下
2302_79806056的博客
07-18 1140
这段代码实现了一个寻找数组中具有相等数量的0和1的最长子数组长度的算法。具体来说，它使用了前缀和（prefix sum）的概念以及哈希映射（HashMap）来优化查找过程。初始化哈希映射：计算前缀和：检查相等数量的0和1：更新哈希映射：返回结果：这种方法的时间复杂度为O(n)，因为我们只遍历数组一次，并且对每个元素执行常数时间的操作。空间复杂度也是O(n)，最坏情况下需要存储n个前缀和值。 初始化阶段:开始遍历数组:继续
springboot之自动装配
weixin_50153914的博客
07-23 187
Spring Boot 通过一系列注解和条件配置实现了自动装配机制，使得开发者无需手动配置大量的 XML 文件或 Java 配置类。自动配置机制利用文件中的自动配置类，并结合条件注解和组件扫描，实现了灵活且强大的自动装配功能。这样，开发者可以专注于业务逻辑的实现，而无需处理繁琐的配置细节。
华为OD机试 - 分披萨 - 递归（Java 2024 D卷 200分）
学Java，找哪吒
07-21 935
递归算法通过函数调用自身解决问题，每次递归调用都处理问题的一个子部分，直到达到基准条件，从而构建最终解。
[Jenkins]jenkins-cli.jar调用用户token启动任务
最新发布
China_Yanhy的博客
07-23 329
jenkins-cli.jar调用用户token启动任务
express中间件
09-17
Express 是一个基于 Node.js 的 web 应用开发框架。它提供了一系列的中间件（middleware）供开发者使用，可以用来处理请求、响应、错误等。开发者可以使用这些中间件来实现很多常见的功能，例如解析请求体、设置响应头、检查认证信息、记录日志等。Express 中间件可以被看做是对 HTTP 请求和响应的拦截器，可以在请求到达应用之前或者响应发送给浏览器之前对它们进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学知识拯救世界

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值