Node.js 知识整理之第三篇（Express中间件）

最新推荐文章于 2024-03-04 17:14:28 发布
最新推荐文章于 2024-03-04 17:14:28 发布
阅读量309 收藏 2
点赞数
分类专栏： Node.js 文章标签： 中间件 node.js express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxz_best/article/details/126728783
版权

简介

  • 本篇博客主要记录了express中间件

Express 中间件

中间件格式

  • 中间件函数的形参数列表中，必须有 next参数，而路由处理参数中只包含req 和 res
  • 书写格式如下：
    const express = require('express')
    const app = express()
    app.get('/',(req,res,next)=>{
       next()
    })
    app.listen('8088',()=>{
        console.log('express server running at http://127.0.0.1:8088')
    })

next 函数的作用

  • next函数是实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或者路由
  • avatar

定义中间件

    const  express = require('express')
    const  app = express()
    //定义一个中间件
    const c1 = function (req,res,next){
        console.log('这是一个中间件函数')
        // 把流转关系，转交给下一个中间件或路由
        next()
    }
    app.listen('8088',()=>{
        console.log('express server running is http://127.0.0.1:8088')
    })

全局生效的中间件

  • 客户端发起的任何请求，到达服务器之后，都会触发中间件，叫做全局生效的中间件
  • 通过app.use(中间件函数)，即可定义一个 全局生效的中间件，示例代码如下：
    const express = require('express')
    const app = express()
    //定义一个中间件
    const c1 = function (req, res, next) {
        console.log('这是一个中间件函数')
        // 把流转关系，转交给下一个中间件或路由
        next()
    }
    //将cl函数注册为全局生效的中间件
    app.use(c1)
    
    app.get('/', (req, res) => {
        console.log('调用了/这个路由')
        res.send('home page')
    })
    app.post('/user', (req, res) => {
        console.log('调用了/user这个路由')
        res.send('user page')
    })
    app.listen('8088', () => {
        console.log('express server running is http://127.0.0.1:8088')
    })

定义中间件简化形式

    const express = require('express')
    const app = express()
    // 定义全局中间件的简化形式
    app.use((req,res,next)=>{
        console.log('定义全局中间件的简化形式')
        next()
    })
    app.get('/', (req, res) => {
        console.log('调用了/这个路由')
        res.send('home page')
    })
    app.listen('8088', () => {
        console.log('express server running is http://127.0.0.1:8088')
    })

中间件的作用

  • 多个中间件之间，共享一份req 和 res ,基于这样的特性，我们可以在上游的中间件中，统一的为req 或 res对象添加自定义的属性和方法，供下游的中间件或者路由使用。
    const express = require('express')
    const app = express()
    // 定义全局中间件的简化形式
    app.use((req, res, next) => {
    //    获取请求到达服务器的时间
    const  time = Date.now()
        //为 req 对象 拦截自定义属性，从而把时间共享给后面的所有路由
        req.startTime = time
        next()
    })
    app.get('/', (req, res) => {
        res.send('home page' + req.startTime)
    })
    app.post('/user', (req, res) => {
        res.send('user page' +req.startTime)
    })
    app.listen('8088', () => {
        console.log('express server running is http://127.0.0.1:8088')
    })

定义多个全局中间件

  • 可以用app.use() 连续定义多个全局中间件，客户端请求到达服务器之后，会按照中间件的定义的先后顺序依次进行调用， 示例代码如下：
    /**
     *定义多个全局中间件
     * */
    const express = require('express')
    const app = express()
    //第一个全局中间件
    app.use(function (req, res, next) {
        console.log('第一个全局中间件')
        next()
    })
    //第二个全局中间件
    app.use(function (req, res, next) {
        console.log('第二个全局中间件')
        next()
    })
    //定义路由
    app.get('/', (req, res) => {
        res.send('home page')
    })
    app.listen('8088',()=>{
        console.log('express server running at http://127.0.0.1:8088')
    })

局部定义的中间件

  • 不使用 app.use() 定义的中间件叫做 局部生效的中间件,代码示例如下：
  /**
   *定义局部生效的中间件
   * */
  const express = require('express')
  const app = express()
  const ct = (req,res,next)=>{
      console.log('局部生效中间件函数')
    next()
  }
  //定义路由
  app.get('/',ct, (req, res) => {
      res.send('home page')
  })
  app.post('/user', (req, res) => {
      res.send('user page')
  })
  app.listen('8088',()=>{
      console.log('express server running at http://127.0.0.1:8088')
  })

定义多个局部中间件，代码示例如下：

    /**
     *定义多个局部中间件
     * */
    const express = require('express')
    const app = express()
    const ct1 = (req,res,next)=>{
        console.log('第一个局部中间件函数')
      next()
    }
    const ct2 = (req,res,next)=>{
        console.log('第二个局部中间件函数')
        next()
    }
    const ct3 = (req,res,next)=>{
        console.log('第三个局部中间件函数')
        next()
    }
    const ct4 = (req,res,next)=>{
        console.log('第四个局部中间件函数')
        next()
    }
    //定义路由
    app.get('/',ct1,ct2, (req, res) => {
        res.send('home page')
    })
    app.post('/user',[ct3,ct4], (req, res) => {
        res.send('user page')
    })
    app.listen('8088',()=>{
        console.log('express server running at http://127.0.0.1:8088')
    })

使用中间件的注意事项

  • 一定要在路由之前注册中间件
  • 客户端发送过来的请求，可以连续调用多个中间件进行处理
  • 执行完中间件的业务代码之后，不要忘记调用next()函数
  • 为了防止代码逻辑混乱，调用next()函数之后不要再写额外的代码
  • 连续调用多个中间件时，多个中间件之间，共享 req 和 res 对象

中间件的分类

  • 注意:除了错误级别的中间件，其他的中间件必须在路由之前配置
应用级别的中间件
  • 通过 app.use()或者app.get()或app.post() 绑定在app示例上的中间件，叫做应用级别的中间件
路由级别的中间件
  • 绑定到 express.Router() 实例上的中间件，叫做路由级别的中间件，它的用法和应用级别的中间件没有任何区别，只不过，应用级别的中间件绑定在app实例上，路由级别的中间件绑定在router实例上
错误级别的中间件
  • 作用： 专门用来捕获整个项目中发生的异常错误，从而防止项目异常崩溃的问题
  • 格式： 错误级别中间件中的function处理函数中，必须有4个形参，形参顺序从前到后，分别是(err,req,res,next).
  • 注意： 错误级别的中间件，必须注册在所有路由之后
  • 代码实例如下：
/**
 * 错误级别中间件
 * **/
const  express = require('express')
const app = express()
//1.定义路由
app.get('/',(req,res)=>{
//   人为制造错误
    throw  new Error('服务器内部出现error')
    res.send('home page')
})
//2.定义错误级别的中间件,捕获整个项目中的异常错误，从而防止程序的崩溃
app.use((err,req,res,next)=>{
    //2.1 在服务器中打印错误
    console.log('发生了错误'+err.message)
    //2.2 向客户端响应错误相关的内容
    res.send('Error'+err.message)
})
//调用 app.listen 方法，指定端口号，启动web服务器
app.listen('8088',()=>{
    console.log('express server running at http://127.0.0.1:8088')
})
Express的内置中间件
  1. express.static 快速托管静态资源的内部中间件，例如：HTML文件，图片，CSS样式等（无兼容性）
  2. express.json 解析JSON格式的请求体数据，（有兼容性，仅在4.16.0+ 版本中使用）
  3. express.urlencoded 解析 URL-encoded 格式的请求体数据（有兼容性，仅在4.16.0+ 版本中使用）
/**
 * 内置中间件的使用 express.json()和express.urlencoded({extended:false})
 * **/
const  express = require('express')
const app = express()
//注意:除了错误级别的中间件，其他的中间件必须在路由之前配置
// 通过express.json 这个中间件。解析表单中json 格式的数据
// 通过express.urlencoded()这个中间件，来解析表单中url-encoded 格式的数据（解析 x-www-form-urlencoded 格式的表单数据）
app.use(express.json())
app.use(express.urlencoded({extended:false}))

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

    console.log(req.body)
    res.send('bookok')
})
//调用 app.listen 方法，指定端口号，启动web服务器
app.listen('8088',()=>{
    console.log('express server running at http://127.0.0.1:8088')
})
第三方的中间件
  • 非Express 官方内置的，而是由第三方提供出来的中间件，叫做第三方中间件，在项目中大家可以按需下载并配置第三方中间件，从而提高项目的开发效率
  • 例如使用body-parser 第三方中间件解析请求体数据
  • 输入 npm install body-parser 安装中间件
  • 使用require导入中间件
  • 调用 app.use ()注册并使用中间件
  • 使用方法如下：
    const  express = require('express')
    const app = express()
    //1导入解析数据的中间件body-parser
    const parser = require('body-parser')
    // 2.使用app.use 注册中间件
    app.use(parser.urlencoded({extended:false}))
    
    app.post('/book',(req,res)=>{
        //，如果不配置解析表单数据的中间件，则req.body 默认等于 undefined
        console.log(req.body)
        res.send('ok1')
    })
    //调用 app.listen 方法，指定端口号，启动web服务器
    app.listen('8088',()=>{
        console.log('express server running at http://127.0.0.1:8088')
    })

自定义中间件

  • 在文件目录下创建两个js文件，自定义模块化拆分.js 和 conmon-body-parser.js
  • 在 自定义模块化拆分.js 文件中导入封装的中间件
const express = require('express')
const app = express()
// 1.导入之间封装的中间件
const custbodyparser =require('./conmon-body-parser')
// 2.将自定义的中间件，注册为全局可用的中间件
app.use(custbodyparser)
app.post('/book', (req, res) => {
    res.send(req.body)
})
app.listen('8088', () => {
    console.log('express server running at http://127.0.0.1:8088')
})
  • 在conmon-body-parser.js文件中进行封装中间件
// 导入node.js 内置的 querystring 模块
const qs = require('querystring')
const bodyparser = (req, res, next) => {
    // 1.定义一个str字符串，专门用来存储客户端发送过来的请求数据
    let str = ''
    // 2.监听req 的data事件
    req.on('data', (chunk) => {
        str += chunk
    })
    // 3.监听req的 end事件
    req.on('end', () => {
        //在 str中存放的是完整的请求体数据
        console.log(str)
        //    todo:把字符串格式的请求体数据，解析成对象格式
        const body = qs.parse(str)
        console.log(body)
        req.body = body
        next()
    })
}
module.exports=bodyparser
霖霏晗
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs篇 express(2) 中间件详解
秋来九月八
03-28 270
上一篇文章中，简单介绍了express.js的使用，nodejs篇 express(1)，其中提到了express中间件的使用。其实，在项目开发的过程中，使用express.js搭建的服务器，中间件的作用无处不在。不同的应用场景和不同的调用方式，中间件可以分为以下几个类别：应用程序级别的中间件、路由级别的中间件、错误处理中间件、内置中间件、第三方中间件。学完之后呢，你就会对express中间件的应用得心应手。
Node.js学习笔记III ---Express基本使用
qq_43057018的博客
05-12 3817
Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。
Node.js学习笔记——Express篇（3.Express 中间件）
weixin_52906702的博客
05-23 257
概念 初体验 分类 自定义中间件
Node中Express中间件详解
最新发布
qq_44741577的博客
03-04 722
console.log("这是一个中间件");// 把流转关系转交给下一个中间件或者路由next();// 全局生效中间件简写形式-----第一个中间件console.log("调用了第一个全局中间件");next();});// 第二个中间件console.log("调用了第二个全局中间件");next();});res.end("成功");});});自己手动模拟一个类似于这样的中间件，来解析POST提交到服务器的表单数据定义中间件。
Node.js -- Express中间件
gghhb12的博客
04-19 617
/ 常量 mw 所指向的，就是一个中间件函数 const mw = function(req , res , next) {console . log('这是一个最简单的中间件函数') // 注意: 在当前中间的业务处理完毕后，必须调用 next() 函数 // 表示把流转关系转交给下一个中间件或路由 next() }可以使用app.use()连续定义多个全局中间件，客户端请求到达服务器后，会按照中间件定义的先后顺序依次进行调用。
node-express中间件
weiweiweb888的博客
10-29 143
中间件 中间件原理 简介 ​ 中间件（Middleware），特指业务流程的中间处理环节。我们可以把中间件比作工厂中的车间。比如：在处理铁矿石的时候，一般都要经过三个处理环节，从而保证处理过后的矿石达到标准的钢材。处理铁矿石的这三个中间处理环节，就可以叫做中间件。而中间件其实是路由的升级，也能达到请求的匹配，只不过必须要进行下一步处理，以到达最终的路由匹配，就像在工厂中生产产品，最后必须要出厂。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4roAsMWt-16355054
Node.js-express导出csv中间件
08-10
2. **CSV生成**：学习如何使用Node.js的内置`fs`模块或第三方库如`fast-csv`、`papaparse`来创建CSV格式的字符串或流。 3. **数据处理**：如果数据来自数据库，了解如何使用`mysql`、`pg`等数据库连接库查询数据，...
node.js中express中间件body-parser的介绍与用法详解
01-20
Node中的核心模块分两类：一类是自带的核心模块，如http、tcp等，第二类是第三方核心模块，express就是与http对应的第三方核心模块，用于处理http请求。express在3.0版本中自带有很多中间件，但是在express 4.0以后...
Node.js-express中间件Server-Timingsheader
08-09
除了手动创建中间件，还可以使用第三方库，例如`express-server-timings`，它提供了更丰富的功能和更方便的API，如跟踪多个性能指标、自定义命名空间和合并多个中间件的计时。 例如，使用`express-server-timings`...
express-todolist_nodejs_Node.js_goodgka_express列表_
09-29
7. `node_modules`：这个目录包含了项目依赖的所有第三方模块，它们通过npm（Node.js包管理器）安装。 综上所述，这个项目提供了学习和实践Node.js和Express的好例子。通过`app.js`，我们可以看到如何初始化Express...
【Nodejs】深入理解Express框架之如何使用各类中间件_04
青春木鱼的博客
05-10 1419
中间件为路由服务的，用于拦截对路由的请求，也可以作出响应。在nodejs中，中间件主要是指封装所有Http请求细节处理的方法，是从Http请求发起到响应结束过程中的处理方法。中间件的行为比较类似Java中过滤器的工作原理，就是在进入具体的业务处理之前，先让过滤器处理。中间件分为5大类，应用级中间件、路由级中间件、内置中间件、第三方中间件、错误处理中间件
【Node.js】Node.js入门（六）：Express中间件函数
郭老二
11-01 747
啥是中间件函数，先不百度，想象理解下：在web请求-响应的循环中，会根据请求调用回调函数，并返回响应，回调函数会有嵌套调用，把这些函数固定参数形式，就是中间件。以上是小白为了做心理上的假定合理性猜测，等深入了解后，再改正。也希望大神们留言指教。Express中间件函数接受三个参数：请求对象(req)、响应对象 (res)、next()函数。如果当前中间件函数没有结束请求-响应周期，它必须调用next()将控制传递给下一个中间件函数。否则，请求将被搁置。
express模块化路由
LLL3189860667的博客
08-24 889
在我们使用express的时候，如果不作模块化处理，那么就需要在app.js中写入大量的代码。如果将所有的路由都挂载到app服务器对象上的话，随着路由的不断增多，app.js中的代码量会不断增多，那么将会使得后期我们对app.js的维护难以进行，同时这也十分不利于我们多人合作编码。
【node】Express中间件
Lin_Yu_的博客
01-04 479
express
nodejs之express的中间件
小天空的博客
03-17 541
express中间件分成三种 内置中间件 static 自定义中间件 第三方中间件 (body-parser) (拦截器) 全局自定义中间件在请求接口时 有几个接口都要验证传来的内容是否存在或者是否正确 不可能每个接口都写一段验证,所以这一段验证可以提取出来,通过中间件实现 const express = require("express"); const app = express(); // test1接口 app.get("/test1",(req,res) => { r
【Node.js】第七章 express路由与中间件
weixin_41950078的博客
11-24 1044
在express中，路由指的是客户端请求与服务器处理函数之间的映射关系。// 如下例子})1. 定义基本的中间件// 这里所定义的mw，就是指向一个中间件函数// 中间件的处理// ......// 必须调用next函数，把流转关系交给下一个中间件next();}2. 注册全局生效的中间件客户端发起的任何请求，到达服务器后，都会触发的中间件，叫做全局生效的中间件。console.log('这是一个最简单的中间件');next();}// 注册全局生效的中间件。
Express 中间件
weixin_43563864的博客
10-27 577
1. Express 中间件 1.1 中间件的概念 1. 什么是中间件 中间件（Middleware ），特指业务流程的中间处理环节。 2. 现实生活中的例子 在处理污水的时候，一般都要经过三个处理环节，从而保证处理过后的废水，达到排放标准。 处理污水的这三个中间处理环节，就可以叫做中间件。 3. Express 中间件的调用流程 当一个请求到达 Express 的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。 4. Express 中间件的格式 Express 的中间件，本质上就是一个
express中间件的理解
weixin_30670965的博客
07-17 84
一、概念（来自官网） 中间件函数能够访问请求对象 (req)、响应对象 (res) 以及应用程序的请求/响应循环中的下一个中间件函数。下一个中间件函数通常由名为 next 的变量来表示。 中间件函数可以执行以下任务： 执行任何代码。 对请求和响应对象进行更改。 结束请求/响应循环。 调用堆栈中的下一个中间件函数。 如果当前中间件函数没有结束请求/响应循环，那么它必须调用 ne...
nodesj中 中间件express-session的理解
热门推荐
coding乐园
01-13 1万+
1.为什么使用session？ session运行在服务器端，当客户端第一次访问服务器时，可以将客户的登录信息保存。 当客户访问其他页面时，可以判断客户的登录状态，做出提示，相当于登录拦截。 session可以和redis或者数据库等结合做持久化操作，当服务器挂掉时也不会导致某些客户信息（购物车）丢失。 2。session的工作流程： 当浏览器访问服务器
Node.js开发Web后台服务1
08-08
Node.js的核心优势在于能够构建快速响应的Web服务，并且其包管理器npm是全球最大的开源库生态系统，提供了丰富的第三方模块来扩展功能。 要开始Node.js开发，首先需要搭建开发环境。这包括： 1. **安装Node.js**：...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值