【Nest全栈之旅】第五章:管道知多少?

前言

在开始本节内容之前,如果还没有从全面视角了解过Nest请求流程,建议先看【Nest全栈之旅】第三章:理解Nest请求流程,连贯你的知识点,它介绍了请求过程中会经过的必要环节,回来看这篇文章效果更佳。

管道是运行在由控制器路由处理器处理的 arguments 上,Nest会在调用每一个方法之前插入Pipe,由Pipe对传入的参数进行处理操作,之后再交给路由处理程序。

内置管道

Nest中提供了9种开箱即用的内置管道供我们直接使用:

  • ValidationPipe
  • ParseIntPipe
  • ParseFloatPipe
  • ParseBoolPipe
  • ParseArrayPipe
  • ParseUUIDPipe
  • ParseEnumPipe
  • DefaultValuePipe
  • ParseFilePipe

他们都实现了PipeTransform接口规范和transform方法,来看看ParseFloatPipe方法定义源码:

我们拿几个运行一下。

1、ParseIntPipe

前端通过简单的React项目发送个请求,传递一个非Number类型的参数

不出意外,管道验证器会校验失败,返回400,期望是数值类型

当然,我们可以修改这个返回异常信息,从源码中可以看到支持修改status和传入一个异常处理工厂函数。

来试一下,修改状态码为500,并且定义一个函数返回HttpException给到全局自定义过滤器统一捕获

这里是自定义的全局异常过滤器,专门捕获Http异常

最后返回统一异常信息

接下来再试试其他Pipe

2、ParseBoolPipe

将参数转化为boolean类型

给参数设置Pipe转换

Nest中可以拿到对应的flag参数

3、ParseUUIDPipe

这个Pipe是用来验证传递的参数是不是uuid,而这个uuid几乎是不可能重复的,所以如果传递一个非uuid的参数,就会报错,常见的场景是一些需要加密的地方,比如登录密码、登录token信息等。

来试一下,前端传递一个uuid过来

通过get方式获取

依然可以正确校验并返回

其他类似,但一些可能需要引入class-validatorclass-transform两个库进行验证,比如ParseArrayPipe依赖ValidationPipe,而ValidationPipe需要依赖上面两个验证库。

自定义管道

看了内置管道之后,如果还不能满足要求,当然我们可以进行自定义。 前面说了,自定义管道需要实现PipeTranform类下的transform方法,我们一起来看一下

上面实现了自己的ParseIntPipe类,与内置Pipe不同的是,这里是将参数转为8进制,实现了特殊的管道需求。

我们来试一下,引入自定义管道

前端参数传递10

可以看到Nest中已经转化为了8进制的值

通过这种方式就可以自由发挥自定义能力啦!

DTO模式

上面展示了是Get请求携带比较简单的参数验证和转换,那如果是Post请求携带了大量数据过来呢,不可能一个个使用内置管道进行校验吧?效率太低了吧

这时候就要用到前面说的两个验证库了:class-validatorclass-transform

声明一个专门用来验证参数的DTOclass类

同样的,我们在ControllerPost方法中引入这个类

并且注册全局的管道验证器

当然如果不想全局注册,就需要在每个方法上定义,像这样

接着在前端发起一个Post请求create-person接口

请求参数中sex写为错误的Number类型

来看看效果,返回sex类型错误异常

我们把它改为string类型再试试

可以看到Nest中拿到了正确的Body参数

总结

Pipe是作为参数类型验证的必经之路,官方有内置的9种Pipe可以直接使用,上面简单演示了几种方法,同时也了解了实现自定义Pipe必须实现PipeTransform接口的transform方法,它的返回值会传给路由处理程序。

根据不同的业务场景,我们也可以自定义自己的管道验证器来满足不同的需求。

最后,作为Post请求方式,介绍了DTO验证模式,可以很好管理参数验证,并且为不同的参数返回指定的错误,这对于前端来说是非常友好的事情。

相关推荐
三天不学习几秒前
VueUse/Core:提升Vue开发效率的实用工具库
前端·javascript·vue.js·vueuse
余道各努力,千里自同风18 分钟前
CSS实现文本自动平衡text-wrap: balance
前端·css
Code哈哈笑40 分钟前
【图书管理系统】用户注册系统实现详解
数据库·spring boot·后端·mybatis
Yvonne爱编码41 分钟前
CSS- 4.3 绝对定位(position: absolute)&学校官网导航栏实例
前端·css·html·html5·hbuilder
用手手打人41 分钟前
SpringBoot(一)--- Maven基础
spring boot·后端·maven
繁依Fanyi2 小时前
ImgShrink:摄影暗房里的在线图片压缩工具开发记
开发语言·前端·codebuddy首席试玩官
卓律涤2 小时前
【找工作系列①】【大四毕业】【复习】巩固JavaScript,了解ES6。
开发语言·前端·javascript·笔记·程序人生·职场和发展·es6
Ten peaches2 小时前
Selenium-Java版(环境安装)
java·前端·selenium·自动化
心.c2 小时前
vue3大事件项目
前端·javascript·vue.js
姜 萌@cnblogs3 小时前
【实战】深入浅出 Rust 并发:RwLock 与 Mutex 在 Tauri 项目中的实践
前端·ai·rust·tauri