Nest通用工具函数执行顺序

本文介绍如何利用请求流程去记忆这些通用函数的执行顺序,解决不知道时候用通用函数的问题

通用工具函数执行流程

通用工具函数这里包括Middleware中间件、Exception filters异常过滤器、Pipes管道、Guards守卫、Interceptors拦截器

执行流程为中间件→守卫→拦截器→管道→拦截器→异常管理器

中间件

cors中间件为例,这是用于处理跨域的一个函数,代码如下:

ts 复制代码
consumer.apply(cors()).forRoutes(CatsController); // 文档代码

这是第一层关卡,如果存在跨域状况,那么后续的就直接不存在请求流程,所以中间件处在执行顺序的第一位

守卫

以用于划分权限路由守卫为例,如果不具备当前控制器所需要的权限,则无权执行路由,代码如下:

ts 复制代码
@@filename(cats.controller)
@Post()
@Roles(['admin'])
async create(@Body() createCatDto: CreateCatDto) {
  this.catsService.create(createCatDto);
}

也就是即使不存在跨域 问题,如果用户不具备某个权限,也无法执行请求流程,所以守卫排在第二位

拦截器

拦截器是比较特殊的,可用于在方法执行之前/之后绑定额外的逻辑,这一步已经处于请求执行过程 以文档中的代码为例:

ts 复制代码
@@filename(logging.interceptor)
import { Injectable, NestInterceptor, ExecutionContext, CallHandler } from '@nestjs/common';
import { Observable } from 'rxjs';
import { tap } from 'rxjs/operators';

@Injectable()
export class LoggingInterceptor implements NestInterceptor {
  intercept(context: ExecutionContext, next: CallHandler): Observable<any> {
    console.log('Before...');

    const now = Date.now();
    return next
      .handle()
      .pipe(
        tap(() => console.log(`After... ${Date.now() - now}ms`)),
      );
  }
}

在执行路由处理程序之前,会输出Before...,而在执行完后,将输出After... 1ms,这是通过rxjs操作流实现的,可见在请求之前和请求之后都可执行拦截器的逻辑

所以过了守卫之后,会遇到拦截器,排在执行顺序的第三位(或第五位)

管道

管道的作用是对请求的数据进行处理,例如将字符串类型转换为Int类型,便于数据处理,代码如下:

ts 复制代码
@Get(':id')
async findOne(@Param('id', ParseIntPipe) id: number) {
  return this.catsService.findOne(id);
}

所以这一阶段是位于请求之中 了(实际上处于进入路由但没进入路由处理程序的阶段),即拦截器请求之前的下一位,故处于请求流程的第四位

异常过滤器

异常过滤器主要用于抛出错误反馈给客户端,通常结合```try...catch``,代码如下:

ts 复制代码
@@filename(cats.controller)
@Get()
async findAll() {
  try {
    await this.service.findAll()
  } catch (error) {
    throw new HttpException({
      status: HttpStatus.FORBIDDEN,
      error: 'This is a custom message',
    }, HttpStatus.FORBIDDEN, {
      cause: error
    });
  }
}

反馈信息是请求的最后流程,所以异常过滤器是最后执行顺序的最后一步

相关推荐
3Katrina8 分钟前
深入理解 useLayoutEffect:解决 UI "闪烁"问题的利器
前端·javascript·面试
coderlin_1 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
伍哥的传说1 小时前
React 实现五子棋人机对战小游戏
前端·javascript·react.js·前端框架·node.js·ecmascript·js
一只叫煤球的猫1 小时前
【🤣离谱整活】我写了一篇程序员掉进 Java 异世界的短篇小说
java·后端·程序员
我在北京coding1 小时前
element el-table渲染二维对象数组
前端·javascript·vue.js
布兰妮甜1 小时前
Vue+ElementUI聊天室开发指南
前端·javascript·vue.js·elementui
SevgiliD2 小时前
el-button传入icon用法可能会出现的问题
前端·javascript·vue.js
我在北京coding2 小时前
Element-Plus-全局自动引入图标组件,无需每次import
前端·javascript·vue.js
鱼 空2 小时前
解决el-table右下角被挡住部分
javascript·vue.js·elementui
你的人类朋友2 小时前
🫏光速入门cURL
前端·后端·程序员