Express 中间件

embedded/2025/2/12 18:53:55/

在构建 Web 应用程序时,中间件(Middleware)扮演着至关重要的角色。它允许你定义一系列的函数来处理 HTTP 请求和响应过程中的各种任务。Express.js 是 Node.js 上最流行的框架之一,以其简洁且强大的中间件机制著称。本文将深入探讨如何使用 Express 中间件来增强你的应用功能。

什么是中间件

中间件是介于客户端请求与服务器响应之间的一系列处理函数。每个中间件都可以访问请求对象(req)、响应对象(res),以及应用程序的请求-响应循环中的下一个中间件函数 next()。这些中间件可以执行以下操作:

  • 执行任意代码。
  • 修改请求和响应对象。
  • 结束请求-响应循环。
  • 调用堆栈中的下一个中间件

如果当前中间件没有结束循环,则必须调用 next() 方法将控制权传递给下一个中间件,否则请求将被挂起。

基本概念与使用

定义中间件

在 Express 中,你可以非常容易地创建一个中间件函数。下面是一个简单的例子:

const express = require('express');
const app = express();app.use((req, res, next) => {console.log('Time:', Date.now());next();
});app.get('/', (req, res) => {res.send('Hello World!');
});app.listen(3000, () => console.log('Server is running on port 3000'));

在这个例子中,我们定义了一个中间件,它会在每次请求到达时记录当前时间,然后通过调用 next() 将控制权交给下一个中间件或路由处理器。

应用级中间件

使用 app.use()app.METHOD()(其中 METHOD 可以是 get、post 等 HTTP 方法)可以加载应用级中间件。例如,我们可以为所有 GET 请求添加日志记录:

app.use('/api', (req, res, next) => {console.log('API request received.');next();
});

这会将中间件应用于 /api 路径下的所有请求。

路由级中间件

除了应用级中间件外,还可以为特定路由定义中间件。这可以通过 Router 对象实现:

const apiRouter = express.Router();apiRouter.use((req, res, next) => {console.log('API specific middleware');next();
});apiRouter.get('/users', (req, res) => {res.send('List of users');
});app.use('/api', apiRouter);

这样做的好处是可以将相关的路由和中间件组织在一起,便于维护。

常见中间件类型

静态文件服务

Express 提供了内置中间件 express.static 来提供静态文件服务,如 HTML 页面、CSS 文件和 JavaScript 文件等。

app.use(express.static('public'));

这里假设你的项目根目录下有一个名为 public 的文件夹,里面存放了所有的静态资源。

解析请求体

为了方便处理 POST 请求的数据,Express 提供了两个中间件express.json()express.urlencoded()

  • express.json():用于解析 JSON 格式的请求体。
  • express.urlencoded():用于解析 URL 编码格式的请求体。
app.use(express.json());
app.use(express.urlencoded({ extended: true }));

错误处理中间件

错误处理中间件需要四个参数 (err, req, res, next),通常放在所有常规中间件之后。

app.use((err, req, res, next) => {console.error(err.stack);res.status(500).send('Something broke!');
});

当其他中间件或路由抛出错误时,这个错误处理中间件会被触发。

第三方中间件

Express 生态系统中有大量的第三方中间件可供选择,它们可以帮助你快速实现诸如身份验证、压缩、缓存等功能。

使用 Morgan 记录 HTTP 请求

Morgan 是一个流行的 HTTP 请求日志中间件

首先安装 Morgan:

npm install morgan --save

然后在你的应用中使用它:

const morgan = require('morgan');
app.use(morgan('dev'));

这将在开发模式下输出简短的日志信息。

使用 Body-parser 处理表单数据

尽管 express.urlencoded() 已经足够处理大多数情况下的表单数据,但在某些情况下你可能还需要使用 body-parser 进行更复杂的处理。

npm install body-parser --save

接着在你的应用中引入并配置 body-parser:

const bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

结语

感谢您的阅读!如果您对 Express 中间件或者其他相关话题有任何疑问或见解,欢迎继续探讨。


http://www.ppmy.cn/embedded/161667.html

相关文章

使用css3锥形渐变conic-gradient实现有趣样式

在之前的篇幅中介绍过css的线性渐变linear-gradient()和径向渐变radial-gradient(),如果你对这两种渐变还不了解的话,可以看一下之前录制的视频教程。 往期文档地址:https://blog.csdn.net/qq_18798149/article/details/134389038 视频学习地…

网络基础知识与配置

目录 网络基础知识 (一)网络的概念 (二)网络协议 (三)网络拓扑结构 (四)IP地址和子网掩码 显示和配置网络接口 (一)在Windows系统中 (二&a…

Spring Boot 中的事务管理:默认配置、失效场景及集中配置

Spring Boot 提供了强大的事务管理功能,基于 Spring 的 Transactional 注解。本文将详细介绍事务的默认配置、事务失效的常见场景、以及事务的几种集中配置方式,并给出相应的代码片段。 一、事务的默认配置 在 Spring Boot 中,默认情况下&am…

【JOIN】关键字在MySql中的详细使用

目录 INNER JOIN(内连接) LEFT JOIN(左连接) RIGHT JOIN(右连接) FULL JOIN(全连接) 示例图形化解释JOIN的不同类型 INNER JOIN: LEFT JOIN: RIGHT J…

Spring Boot整合DeepSeek实现AI对话

本篇博文会分为DeepSeek开放平台上的API,以及本地私有化部署DeepSeek R1模型两种方式来整合使用,本地化私有部署可以参考这篇博文:DeepSeek介绍及使用ollama本地化部署DeepSeek-R1大模型 Spring AI Spring AI 是由 Spring(一个广…

Kickstart自动化安装过程中自动选择较小的磁盘安装操作系统

Kickstart自动化安装过程中自动选择较小的磁盘安装操作系统 需求 在实际生成操作过程中,一般会遇到物理服务器存在多块盘的情况。 安装过程中,磁盘的标签是随机分配的,并不是空间较小的盘,就会使用较小的磁盘标签 而需求往往需要…

【机器学习】 特征归一化的重要性及方式

特征归一化 V1.0特征归一化的重要性特征归一化的方式最大最小值归一化最大最小值归一化的局限性 零均值归一化 测试集的归一化 V1.0 特征归一化的重要性 特征归一化的问题产生于,我们在使用特征向量中不同的特征数据时,特征数据尺度(或者说…

react 19 useOptimistic 竞争更新乐观值时阻塞

react 19 刚刚出,我在官网上调试这个 useOptimistic api 时,发现了一个竞争调用时的阻塞状态。当连续多次调用 updateFn 参数,且每次更新时间较长时,乐观状态的更新被阻塞了。 前往官网 useOptimistic 一节,修改末尾 …