Express中间件（非常详细）

最新推荐文章于 2023-07-06 21:19:02 发布
最新推荐文章于 2023-07-06 21:19:02 发布
阅读量1.6k 收藏 12
点赞数 4
分类专栏： Express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46370867/article/details/112155745
版权

下面是对Express框架中间件的处理，希望可以帮助到有需要的小伙伴~

中间件

什么是中间件

中间件就是一堆方法，

可以接收客户端发来的请求

可以对请求做出响应

也可以将请求继续交给下一个中间件继续处理。

在这里插入图片描述

中间件主要由两部分构成，中间件方法以及请求处理函数。
中间件方法由Express提供，负责拦截请求，请求处理函数由开发人员提供，负责处理请求。

app.get('请求路径','处理函数') // 接收并处理get请求
app.post('请求路径','处理函数') // 接收并处理post请求

可以针对同一个请求设置多个中间件，对同一个请求进行多次处理。

// 引入express框架
const { SSL_OP_NETSCAPE_CA_DN_BUG } = require('constants');
const express = require('express');
// 创建网站服务器
const app = express();

// 参数next是一个方法，有next就可以使用下一个中间件，否则一旦中间件匹配成功，就不会去找下一个中间件了
// 给req添加了一个name属性，name属性的属性值是‘张三’
app.get('/request',(req,res,next) => {
    req.name = '张三';
    next();
});
// 把name属性发送给客户端
app.get('/request',(req,res) => {
    res.send(req.name);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

express().use中间件用法

注意：express().use中间件必须放在其他中间件的前面

  • express().use 匹配所有的请求方式(即 任意一个地址都可以)，可以直接传入请求处理函数，代表接收所有的请求。
express().use((req,res,next) => {
    console.log(req.url);
    next();
})
  • app.use 第一个参数也可以传入地址，代表不论什么请求方式，只要是这个请求地址就接收这个请求。
express().use('/admin',(req,res,next) => {
    console.log(req.url);
    next();
})

实例：

// 引入express框架
const { SSL_OP_NETSCAPE_CA_DN_BUG } = require('constants');
const express = require('express');
// 创建网站服务器
const app = express();

app.use((req,res,next) => {
    console.log("请求走了app.use中间件");
    next();
})

// 当客户端访问/request请求的时候走当前中间件
app.use('/request',(req,res,next) => {
    console.log("请求走了app.use /request中间件");
    next();
})

// 参数next是一个方法，有next就可以使用下一个中间件，否则一旦中间件匹配成功，就不会去找下一个中间件了
// 给req添加了一个name属性，name属性的属性值是‘张三’
app.get('/request',(req,res,next) => {
    req.name = '张三';
    next
});
// 把name属性发送给客户端
app.get('/request',(req,res) => {
    res.send(req.name);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

中间件应用

  1. 路由保护，客户端在访问需要登录的页面时，可以先使用中间件判断用户登录状态

    • 如果用户未登录，则拦截请求，直接相应，禁止用户进入需要登录的页面
    • 如果用户登录了，则不拦截请求，允许用户进入需要登录的页面
    // 引入express框架
const express = require('express');
// 创建网站服务器
const app = express();
// 定义一个中间件
app.use('/admin',(req,res,next) => {
    // 用户没有登录
    let isLogin = false;
    // 如果用户登录
    if (isLogin) {
        // 让请求继续向下执行
        next()
    }else {
        // 如果没有用户登录 直接对客户做出响应
        res.send('您还没有登录 不能访问/admin这个页面')
    }
})


// 定义一个路由
app.get('/admin',(req,res) => {
    res.send('您已经登录 可以访问当前页面')
})



// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

  2. 网站维护公告，在所有路由的最上面定义接收所有请求的中间件，直接为客户端做出响应，网站正在维护中。

    // 引入express框架
const express = require('express');
// 创建网站服务器
const app = express();

// 定义中间件
// 维护网站
app.use((req,res,next) => {
    res.send('当前网站正在维护...')
})


// 保护路由
app.use('/admin',(req,res,next) => {
    // 用户没有登录
    let isLogin = false;
    // 如果用户登录
    if (isLogin) {
        // 让请求继续向下执行
        next()
    }else {
        // 如果没有用户登录 直接对客户做出响应
        res.send('您还没有登录 不能访问/admin这个页面')
    }
})


// 定义一个路由
app.get('/admin',(req,res) => {
    res.send('您已经登录 可以访问当前页面')
})



// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

  3. 自定义404页面 （在代码中要放到最后写）

    // 引入express框架
const express = require('express');
// 创建网站服务器
const app = express();

// 定义中间件

// 维护网站
/* app.use((req,res,next) => {
    res.send('当前网站正在维护...')
}) */


// 保护路由
app.use('/admin',(req,res,next) => {
    // 用户没有登录
    let isLogin = false;
    // 如果用户登录
    if (isLogin) {
        // 让请求继续向下执行
        next()
    }else {
        // 如果没有用户登录 直接对客户做出响应
        res.send('您还没有登录 不能访问/admin这个页面')
    }
})


// 定义一个路由
app.get('/admin',(req,res) => {
    res.send('您已经登录 可以访问当前页面')
})

// 当所有请求都没有响应的时候，会返回“访问失败”
app.use((req,res,next) => {
    // 修改状态码
    /* res.status(404);
    res.send('当前访问的页面不存在'); */
    // 等价于
    res.status(404).send('当前访问的页面是不存在的')
})


// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

在这里插入图片描述

错误处理中间件

在程序执行的过程中，不可避免的会出现一些无法预料的错误，比如文件读取失败，数据库连接失败。

错误处理中间件是一个集中处理错误的地方。

注意：

错误处理中间件只能处理同步错误，不能处理异步错误，如果要处理异步错误，需要使用next()方法，并给next()方法传递参数

同步错误实例：

// 引入express框架
const express = require('express');
// 创建网站服务器
const app = express();

app.get('/index',(req,res) => {
    // 手动抛出一个错误
    throw new Error('程序发生了未知错误')
    // res.send('程序正常执行')
})

// 错误处理中间件
app.use((err,req,res,next) => {
    res.status(500).send(err.message);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

在这里插入图片描述

异步错误实例：

// 引入express框架
const express = require('express');
// 引入文件模块
const fs = require('fs');

// 创建网站服务器
const app = express();

app.get('/index',(req,res,next) => {
    // 手动抛出一个错误
    // throw new Error('程序发生了未知错误')
    fs.readFile('./demo.txt','utf8',(err,result) => {
        if (err != null) {
            next(err)
        } else {
            res.end(result)
        }
    })
})

// 错误处理中间件
app.use((err,req,res,next) => {
    res.status(500).send(err.message);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

错误处理中间件和其他中间件的区别：

  • 错误处理中间件有4个参数 err req res next

  • err默认只能获取到同步代码执行时的错误；如果要获取异步代码执行的错误，需要添加next()方法，并传递参数

捕获错误

在nodejs中，异步API的错误信息都是通过回调函数获取的，支持Promise对象的异步API发生错误可以通过catch方法捕获。

try catch 可以捕获异步函数以及其他同步代码在执行过程中发生的错误，但是不能捕获其他类型的API发生的错误。

实例：

// 引入express框架
const express = require('express');
// 引入文件模块
const fs = require('fs');
// 把读取文件的输出结果改为promise类型
const promisify = require('util').promisify;
const readFile = promisify(fs.readFile);

// 创建网站服务器
const app = express();
// 如果获取到错误，就执行catch里面的代码
// 如果没有捕获到错误，就执行catch后面的代码
app.get('/index',async(req,res,next) => {
  try {
      await readFile('./aaa.js')
  } catch (err) {
      next(err);
  }
})

// 错误处理中间件
app.use((err,req,res,next) => {
    res.status(500).send(err.message);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

在这里插入图片描述

end~

weixin_46370867
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Express框架---中间件
m0_61963865的博客
09-01 354
从版本4.x开始，Express不再依赖于Connect。之前包含在Express中的中间件功能现在位于单独的模块中;查看中间件功能列表。Express提供静态资源，如HTML文件，图像等。使用JSON有效负载解析传入的请求。注意：适用于用URL编码的有效负载解析传入的请求。注意：适用于根据需求自己定义中间件//自定义中间件console.log(Date.now() + ':我是中间环节....');next();})​//跨域//解决跨域next() //转发请求})
如何在 Express4.x 中愉快地使用 async
descire
11-17 704
前言  为了能够更好地处理异步流程，一般开发者会选择 async 语法。在 express 框架中可以直接利用 async 来声明中间件方法，但是对于该中间件的错误，无法通过错误捕获中间...
express中间件详解
conquer_galaxy的博客
03-09 494
使用Express中间件有两种方式：应用级别和路由级别。
Koa和Express的异步中间件解决办法
weixin_45389051的博客
11-12 958
express和koa框架他们的核心其实都是中间件,但是他们的中间件事实上，它们的中间件的执行机制是不同的，特别是针对某个中间件中包含异步操作时 举个例子: 先来看express同步实现 const middleware1 = (req,res,next)=>{ req.message = 'aaa' next() res.end(req.message) // 'aaabbbccc' } const middleware2 = (req,res,next)=>{ req.m
koa 和 express 的对比
copyer_xyf的博客
12-04 7481
天冷了，唯有学习来温暖自己。最近利用业余的时间，跟着 coderwhy 老师学习 node.js，了解以及掌握一些服务端的常见知识：确实学习到了很多东西，填充了自己的知识体系的未知领域。node.js 也许是前端开发者踏入服务端开发的最好选择。同样的 JavaScript，同样的语法，以及同样的你，基本上可以达到无缝衔接的开发。对于 node.js 而言，社区里面出现了非常多的框架，快速上手，敏捷开发。 和 就是其中的比较两个突出的框架。express 是一个基于 node.js 平台，快速，开放，极简的
浅谈express 中间件机制及实现原理
08-29
本篇文章主要介绍了浅谈express 中间件机制及实现原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
express中间件.xmind
07-04
express中间件.xmind
浅探express路由和中间件的实现
10-16
本文将深入探讨Express中的路由和中间件，帮助开发者更好地理解和运用这两个核心概念。 ### 1. Express框架特性 1. **中间件系统**：Express的核心之一就是中间件机制，它允许开发者定义一系列函数，这些函数会在...
Express自定义中间件示例文件
最新发布
05-21
一个解压即用的自定义中间件的示例文件（注意要解压使用哦）
express.js中间件说明详解
10-17
主要介绍了express.js中间件说明详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
express-async-handler:Express的异步错误处理中间件
05-22
简单的中间件，用于处理异步Express路由内的异常并将它们传递给您的Express错误处理程序。 安装： npm install --save express-async-handler 或者 yarn add express-async-handler 用法： const asyncHandler = require ( 'express-async-handler' ) express . get ( '/' , asyncHandler ( async ( req , res , next ) => { const bar = await foo . findAll ( ) ; res . send ( bar ) } ) ) 没有表达异步处理程序 express . get ( '/' , ( req , res , next ) => { foo .
Express中间件
世界和我们都不该止步于此
04-07 3704
目录 一.了解中间件 二.定义中间件 1.定义一个局部生效的中间件 2.定义一个全局生效的中间件 3.定义多个中间件遇到的问题 4.中间件有什么作用？ 5.总结 三.中间件的分类 1.应用级别中间件 2.路由级别中间件 3.错误级别中间件 4.Express内置中间件 5.第三方中间件 一.了解中间件 中间件（Middleware）是一个概念 用来特指业务流程的中间处理环节 在我们的Express服务器中，也是这样的道理，当客户端请求到达Express服务器后...
Express的中间件,保证让你看的明明白白
军火库
01-05 937
/ 常量 mw 所指向的，就是一个中间件函数const mw = function (req, res, next) {console.log("我是一个中间件')// 注意: 在当前中间件的业务处理完毕后，必须调用 next() 函数// 表示把流转关系转交给下一个中间件或路由next()}我么可以使用 app.use()连续定义多个全局中间件。就像之前定义多个静态服务一样。客户端请求到达服务器之后，会按照中间件定义的先后顺序依次进行调用。
express框架中间件
m0_62785037的博客
07-06 1444
express框架全局中间件和路由中间件的解释与说明
NodeJS自定义Express中间件接收传递的参数
selfsummer的博客
04-12 2026
当我们使用NodeJS来定义我们的接口时，我们喜欢router.all 来定义接口的请求，因为任何方式都可请求，但这种方式往往很多时候让NodeJS接收参数的时候不知道用GET还是POST的方式来接收参数，在无形种找有型的BUG这个是非常痛苦的 NodeJS本身没有中间件的概念，Express的中间件，用来实现各种功能，比如cookie解析、日志记录、文件压缩等。对于同一个网络请求，可能同时有多个匹配的中间件，一般顺序执行。而 next() 则是把执行控制权，从上一个中间件，转移到下一个中间件的函数 定
《web开发： （Node.js）Express 中间件》
yexiangCSDN的专栏
01-21 199
一、Express 中间件 1. 什么是中间件 中间件（Middleware ），特指业务流程的中间处理环节。 2. 现实生活中的例子 在处理污水的时候，一般都要经过三个处理环节，从而保证处理过后的废水，达到排放标准。 处理污水的这三个中间处理环节，就可以叫做中间件。 3. Express 中间件 3.1 中间件的概念 3. Express 中间件的调用流程 当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。 3. Express 中间件 3.
深入理解express的中间件
热门推荐
思诚^_^
01-14 1万+
写在前面前面的文章里也介绍过了，Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。Express项目的底层由许多的中间件在协同工作，可以这么说，一个 Express 应用就是在调用各种中间件。什么是中间件中间件是一个可访问请求对象（req）和响应对象（res）的函数，在 Express 应用的请求-响应循环里，
express中间件
09-17
总之，Express中间件是一个强大的工具，它在请求到达最终处理函数之前允许你对请求和响应进行预处理和转换。通过使用中间件，你可以更好地组织和重用代码，简化开发过程，提高应用程序的可维护性和性能。 ### 回答...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值