php中文网 | cnphp.com

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 749|回复: 0

Node.js---中间件分类

[复制链接]

3138

主题

3148

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
威望
0
积分
7946
贡献
0
注册时间
2021-4-14
最后登录
2024-11-21
在线时间
763 小时
QQ
发表于 2022-1-13 13:59:06 | 显示全部楼层 |阅读模式
1、应用级别的中间件
        通过 app.use() 或 app.get() 或 app.post() ,绑定到 app 实例上的中间件,叫做应用级别的中间件,如下:
[mw_shl_code=applescript,true]//应用级别的中间件(全局中间件)
app.use((res,,req,next)=>{
        next()
})
//应用级别的中间件(局部中间件)
app.get('/',mv1,(req,res)=>{
        res.send('Home page')
});
[/mw_shl_code]2、路由级别的中间件
        绑定到 express.Router() 实例上的中间件,叫做路由级别的中间件。它的用法和应用级别中间件没有任何区别。只不过,应用级别中间件是绑定到 app 实例上,路由级别中间件绑定到 router 实例上,代码示例如下:
[mw_shl_code=applescript,true]const app = express();
var router = express.Router();
//路由级别的中间件
router.use((req,res,next)=>{
        next();
}
app.use('/',router)
[/mw_shl_code]
3、错误级别的中间件
        错误级别中间件的作用:专门用来捕获整个项目中发生的异常错误,从而防止项目异常崩溃的问题。
格式:错误级别中间件的 function 处理函数中,必须有 4 个形参,形参顺序从前到后,分别是 (err, req, res, next)。
        创建一个基本的服务器,定义一个路由,指定路由的处理函数,在处理函数内部定义一个人为的错误,如下:
[mw_shl_code=applescript,true]const express = require('express');
const app = express();
//定义路由
app.get('/',(req,res)=>{
    //人为的制造错误
    throw new Error('服务器内部发生了错误')
    res.send('Home page')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})
[/mw_shl_code]
进行代码验证:
先在终端打开服务器:
image.png
接着去postman里面进行测试:
image.png
image.png
发现服务器内部发生错误,现在在定义一个错误级别的中间件,捕获整个项目中发生的异常错误,如下:
[mw_shl_code=applescript,true]//定义错误级别的中间件,捕获整个项目的异常情况,防止程序崩溃
app.use(function(err,req,res,next){
    console.log('发生了错误'+err.message)
    res.send('Error:'+err.message)
})
[/mw_shl_code]
在终端启动服务器,然后在postman中进行测试:
image.png
测试成功,但是需要注意的是:
错误级别的中间件,必须注册在所有路由之后!

4、Express内置的中间件
        自 Express 4.16.0 版本开始,Express 内置了几 个常用的中间件,极大的提高了 Express 项目的开发效率和体验:

express.json 解析 JSON 格式的请求体数据(有兼容性,仅在 4.16.0+ 版本中可用)
express.urlencoded 解析 URL-encoded 格式的请求体数据(有兼容性,仅在 4.16.0+ 版本中可用)
语法:
[mw_shl_code=applescript,true]//配置解析application/json格式数据的内置中间件
app.use(express.json))
//配置解析application/x-www-form-urlencoded格式数据的内置中间件
app.use(express,urlencoded({extended:false}))
[/mw_shl_code]
现在就对express.json和express.urlencoded这两个中间件进行测试:

1、 express.json
先创建一个基本的服务器如下:
[mw_shl_code=applescript,true]const express = require('express');
const app = express();
app.post('/',(req,res)=>{
    res.send('ok')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

[/mw_shl_code]
在终端开启该服务器:
image.png
打开postman进行测试:
image.png
可以发起请求,并且可以响应结果,在通过postman向通过body向请求体发送一个JSON格式的数据,看服务器是否可以拿到,如下:
image.png
点击send发送请求:
image.png
得到响应。那么发送到服务器中的数据,服务器该如何接收呢?我们可以在服务器通过req.body这个属性来接收客户端发送的请求体数据,如下:
[mw_shl_code=applescript,true]app.post('/',(req,res)=>{
   console.log(req.body)
    res.send('ok')
})
[/mw_shl_code]
        再次启动服务器,并通过postman向通过body向请求体发送一个JSON格式的数据:
image.png
发送完成后发现服务器响应了一个undefined。
        这是因为默认情况下,不配置表单数据的中间件,则req.body默认为undefined。
所以我们应该配置为:
[mw_shl_code=applescript,true]const express = require('express');
const app = express();
app.use(express.json())
app.post('/',(req,res)=>{
   console.log(req.body)
    res.send('ok')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})

[/mw_shl_code]
启动服务器,并通过postman向通过body向请求体发送一个JSON格式的数据,则:
image.png
服务器接收成功。

2、express.urlencoded
创建一个基本的服务器,在终端运行后,打开postman,如下:
[mw_shl_code=applescript,true]const express = require('express')
const app = express();
app.post('/book',(req,res)=>{
    res.send('ok')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})
[/mw_shl_code]
在终端开启服务器,在去postman中进行测试:
image.png
可以发起请求,并且可以响应结果。
        先通过req.body这个属性来接收客户端发送的请求体数据,并添加 解析 URL-encoded 格式的中间件:
[mw_shl_code=applescript,true]app.use(express.urlencoded({extended:false}))
app.post('/book',(req,res)=>{
    console.log(req.body)
    res.send('ok')
})
[/mw_shl_code]
再通过postman通过body向请求体发送一个x-www-form-urlencoded格式的数据(键值对的形式),看服务器是否可以拿到,如下:
image.png
点击send:
image.png
服务器接收成功。

5、第三方的中间件
        非 Express 官方内置的,而是由第三方开发出来的中间件,叫做第三方中间件。在项目中,可以按需下载并配置第三方中间件,从而提高项目的开发效率。
        以 body-parser 这个第三方中间件为例。使用步骤如下:
(1)运行 npm install body-parser 安装中间件
image.png
(2)使用 require 导入中间件

//导入解析表单数据的中间件
const parser = require('body-parser')
(3)调用 app.use() 注册并使用中间件

//使用app.use注册中间件
app.use(parser.urlencoded({extended:false}))
完整代码为:

[mw_shl_code=applescript,true]const express = require('express')
const app= express();
//导入解析表单数据的中间件
const parser = require('body-parser')
//使用app.use注册中间件
app.use(parser.urlencoded({extended:false}))
app.post('/',(req,res)=>{
        console.log(res.body)
    res.send('xl')
})
app.listen(80,()=>{
    console.log('http://127.0.0.1')
})
[/mw_shl_code]
在终端运行服务器后:
image.png
打开postman,通过body向请求体发送一个x-www-form-urlencoded格式的数据(键值对的形式),看服务器是否可以拿到,如下:
image.png
服务器显示为:
image.png
服务器显示成功。





上一篇:Node.js---中间件
下一篇:Vue3和Vue2对比,我们如何选用?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|php中文网 | cnphp.com ( 赣ICP备2021002321号-2 )

GMT+8, 2024-11-21 22:06 , Processed in 0.294423 second(s), 36 queries , Gzip On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

申明:本站所有资源皆搜集自网络,相关版权归版权持有人所有,如有侵权,请电邮(fiorkn@foxmail.com)告之,本站会尽快删除。

快速回复 返回顶部 返回列表