Express 中间件:Node.js 开发的得力助手

一、中间件是什么?

Express中间件是请求处理流水线 的关键组件,本质就是一个函数,具备以下特征:

链式执行 :通过next()控制流程传递

功能模块化 :每个中间件专注单一职责(如日志、验证、压缩)

访问完整上下文:可修改请求(req)、响应(res)对象

javascript 复制代码
// 基础中间件示例
app.use((req, res, next) => {
  console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
  next(); // 必须调用next()传递控制权
});

二、中间件的五大类型

  1. 应用级中间件

    javascript 复制代码
    // 全局中间件(所有路由生效)
    app.use(express.json()); 
    
    // 路径过滤中间件
    app.use('/admin', authMiddleware);
  2. 路由级中间件

    javascript 复制代码
    const router = express.Router();
    router.use(logger);
  3. 错误处理中间件

    javascript 复制代码
    app.use((err, req, res, next) => {
      console.error(err.stack);
      res.status(500).send('服务异常!');
    });
  4. 第三方中间件

    bash 复制代码
    # 常用中间件安装
    npm install morgan helmet cors
    javascript 复制代码
    app.use(helmet()); // 安全防护
    app.use(morgan('dev')); // 请求日志
  5. 内置中间件

    javascript 复制代码
    app.use(express.static('public')); // 静态资源
    app.use(express.urlencoded({ extended: true })); // 表单解析

三、中间件的执行顺序

Express 中间件按照它们被定义的顺序依次执行。当一个中间件调用 next() 函数时,控制权会传递给下一个中间件或路由处理函数。如果中间件没有调用 next() 函数,请求处理流程将被终止。

javascript 复制代码
app.use((req, res, next) => {
    console.log('第一个中间件');
    next();
});

app.use((req, res, next) => {
    console.log('第二个中间件');
    next();
});

app.get('/', (req, res) => {
    res.send('请求处理完成');
});

在上述代码中,当有请求到达时,会依次执行第一个中间件、第二个中间件,最后执行路由处理函数。

四、中间件的实战应用

  1. 日志记录中间件

    记录请求时间、IP、方法等关键信息

    javascript 复制代码
    const fs = require('fs');
    app.use((req, res, next) => {
        const log = `${new Date().toISOString()} - ${req.ip} ${req.method} ${req.url}\n`;
        fs.appendFile('access.log', log, (err) => { if (err) throw err; });
        next();
    });
  2. 身份验证中间件

    拦截未授权请求,保护敏感路由

    javascript 复制代码
    app.use('/admin', (req, res, next) => {
        if (!req.headers.auth) {
            res.status(401).send('未授权!');
        } else {
            next();
        }
    });
  3. 路由参数处理

    动态捕获URL参数,实现灵活路由

    javascript 复制代码
    app.get('/user/:id', (req, res) => {
        res.send(`用户ID: ${req.params.id}`);
    });
相关推荐
qq_589666052 小时前
TypeScript 完整入门教程
前端·javascript·typescript
星栈独行3 小时前
翻完 Pi 源码:它和 Codex、Claude Code 有何不同
开发语言·javascript·人工智能·程序人生
落落Plus4 小时前
浏览器缓存机制详解
javascript·缓存·浏览器缓存
用户059540174465 小时前
LLM对话记忆测试踩坑实录:手工回归30分钟,自动化后2分钟发现3个隐藏Bug
前端·css
Ashley的成长之路6 小时前
前端性能优化实战手册·第2篇:资源加载策略全解
前端·性能优化·资源加载·http/3·性能优化实战·资源加载优化
浅水壁虎6 小时前
vue基础(第二章 )
前端·javascript·vue.js
界面开发小八哥6 小时前
界面控件DevExtreme v26.1新版亮点——支持Angular 22
前端·javascript·angular.js·devexpress·ui开发·devextreme
Getflare6 小时前
前端 + UI 设计 + AI:这不是三个工种,是一个新三角能力模型(附自检清单)
前端·人工智能·ui
oil欧哟6 小时前
我做了一个 Vibe Coding 术语学习站:VibeHub
前端·ai·agent·独立开发·vibe coding