Express.js 有哪些常用的中间件?

在使用 Express.js 开发应用程序时,中间件(Middleware)是处理请求和响应的关键组件。它们可以执行各种任务,如解析请求体、添加HTTP头部、记录日志等。以下是一些常用的中间件:

  1. body-parser
    • 用于解析传入的请求体。它对JSON、原始文本、URL编码数据和多部分表单数据有效。
    • 注意:自Express 4.16.0起,express.json()express.urlencoded() 已经内置支持解析JSON和URL编码的数据。
  2. cookie-parser
    • 解析Cookie头部并填充req.cookies对象。
    • 结合signed cookies功能,可以通过设置密钥来签名cookies。
  3. cors
    • 提供一个简单的CORS中间件,允许你轻松地配置跨域资源共享策略。
  4. express-session
    • 管理会话信息,通过存储在服务器端的状态为无状态HTTP协议增加记忆能力。
    • 经常与会话存储库一起使用,比如connect-mongoconnect-redis,以持久化会话数据。
  5. morgan
    • HTTP请求日志记录器中间件,支持多种格式的日志输出,包括dev、combined等。
  6. helmet
    • 帮助设置一些安全相关的HTTP头,提供一套简单的防护措施对抗常见的网络攻击。
  7. compression
    • 对所有响应进行Gzip压缩,减小传输大小,提高页面加载速度。
  8. method-override
    • 允许客户端发送PUT、DELETE等HTTP方法,即使是在只支持GET和POST的浏览器上。
  9. multer
    • 处理multipart/form-data类型的文件上传,非常适合处理文件上传需求的应用程序。
  10. errorhandler
    • 在开发环境中友好地显示错误信息,通常不应该在生产环境中启用。
  11. serve-static
    • 用来服务静态文件,例如图片、CSS文件、JavaScript文件等。

使用示例

nodejs 复制代码
const express = require('express');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const cors = require('cors');
const session = require('express-session');
const morgan = require('morgan');
const helmet = require('helmet');
const compression = require('compression');
const methodOverride = require('method-override');
const multer = require('multer');

const app = express();

// 中间件应用
app.use(bodyParser.json()); // for parsing application/json
app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
app.use(cookieParser());
app.use(cors());
app.use(session({ secret: 'your-secret-key', resave: false, saveUninitialized: true }));
app.use(morgan('dev'));
app.use(helmet());
app.use(compression());
app.use(methodOverride('_method'));
app.use(multer().single('file')); // or any other configuration you need for multer

// ... routes and other middleware ...

app.listen(3000, () => console.log('Server running on port 3000'));
相关推荐
共享家95272 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
摘星编程4 小时前
OpenHarmony环境下React Native:自定义useTruncate文本截断
javascript·react native·react.js
Duang007_5 小时前
【LeetCodeHot100 超详细Agent启发版本】字母异位词分组 (Group Anagrams)
开发语言·javascript·人工智能·python
2601_949868366 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_748229996 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
xiaoxue..7 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程7 小时前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js
小邓吖7 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
2601_949613028 小时前
flutter_for_openharmony家庭药箱管理app实战+用药知识详情实现
android·javascript·flutter
一起养小猫8 小时前
Flutter for OpenHarmony 实战 表单处理与验证完整指南
android·开发语言·前端·javascript·flutter·harmonyos