自定义路由参数装饰器

Nest 是基于装饰器这种语言特性而创建的。在很多常见的编程语言中,装饰器是一个广为人知的概念,但在 JavaScript 世界中,这个概念仍然相对较新。所以为了更好地理解装饰器是如何工作的,你应该看看 这篇 文章。下面给出一个简单的定义:

ES2016 装饰器是一个表达式,它返回一个可以将目标、名称和属性描述符作为参数的函数。通过在装饰器前面添加一个 @ 字符并将其放置在你要装饰的内容的最顶部来应用它。可以为类、方法或属性定义装饰器。

参数装饰器

Nest 提供了一组非常实用的参数装饰器,可以结合 HTTP 路由处理器(route handlers)一起使用。下面的列表展示了Nest 装饰器和原生 Express(或 Fastify)中相应对象的映射。

@Request(),@Req() req
@Response(),@Res() res
@Next() next
@Session() req.session
@Param(param?: string) req.params / req.params[param]
@Body(param?: string) req.body / req.body[param]
@Query(param?: string) req.query / req.query[param]
@Headers(param?: string)           req.headers / req.headers[param]       
@Ip() req.ip
@HostParam() req.hosts

另外,你还可以创建自定义装饰器。这非常有用。

Node.js 中,会经常将需要传递的值加到请求对象的属性中。然后在每个路由处理程序中手动提取它们,使用如下代码:

  1. const user = req.user;

为了使代码更具可读性和透明性,我们可以创建一个 @User() 装饰器并在所有控制器中使用它。

user.decorator.ts

  1. import { createParamDecorator, ExecutionContext } from '@nestjs/common';
  2. export const User = createParamDecorator((data: unknown, ctx: ExecutionContext) => {
  3. const request = ctx.switchToHttp().getRequest();
  4. return request.user;
  5. });

现在你可以在任何你想要的地方很方便地使用它。

  1. @Get()
  2. async findOne(@User() user: UserEntity) {
  3. console.log(user);
  4. }

传递数据

当装饰器的行为取决于某些条件时,可以使用 data 参数将参数传递给装饰器的工厂函数。 一个用例是自定义装饰器,它通过键从请求对象中提取属性。 例如,假设我们的身份验证层验证请求并将用户实体附加到请求对象。 经过身份验证的请求的用户实体可能类似于:

  1. {
  2. "id": 101,
  3. "firstName": "Alan",
  4. "lastName": "Turing",
  5. "email": "alan@email.com",
  6. "roles": ["admin"]
  7. }

让我们定义一个将属性名作为键的装饰器,如果存在则返回关联的值(如果不存在或者尚未创建 user 对象,则返回 undefined)。

user.decorator.ts

  1. import { createParamDecorator, ExecutionContext } from '@nestjs/common';
  2. export const User = createParamDecorator((data: string, ctx: ExecutionContext) => {
  3. const request = ctx.switchToHttp().getRequest();
  4. const user = request.user;
  5. return data ? user && user[data] : user;
  6. });

然后,您可以通过控制器中的 @User() 装饰器访问以下特定属性:

  1. @Get()
  2. async findOne(@User('firstName') firstName: string) {
  3. console.log(`Hello ${firstName}`);
  4. }

您可以使用具有不同键的相同装饰器来访问不同的属性。如果用户对象复杂,使用此方法可以使请求处理程序编写更容易、并且可读性更高。

对于 TypeScript 用户,请注意这 createParamDecorator<T>() 是通用的。这意味着您可以显式实施类型安全性,例如 createParamDecorator<string>((data, ctx) => ...)或者,在工厂函数中指定参数类型,例如createParamDecorator((data: string, ctx) => ...) 。如果省略这两个, 参数 data 的类型为 any

使用管道

Nest 对待自定义的路由参数装饰器和自身内置的装饰器(@Body()@Param()@Query())一样。这意味着管道也会因为自定义注释参数(在本例中为 user 参数)而被执行。此外,你还可以直接将管道应用到自定义装饰器上:

  1. @Get()
  2. async findOne(@User(new ValidationPipe()) user: UserEntity) {
  3. console.log(user);
  4. }

请注意,validateCustomDecorators 选项必须设置为 true。默认情况下,ValidationPipe 不验证使用自定义装饰器注释的参数。

装饰器聚合

Nest 提供了一种辅助方法来聚合多个装饰器。例如,假设您要将与身份验证相关的所有装饰器聚合到一个装饰器中。这可以通过以下方法实现:

  1. import { applyDecorators } from '@nestjs/common';
  2. export function Auth(...roles: Role[]) {
  3. return applyDecorators(
  4. SetMetadata('roles', roles),
  5. UseGuards(AuthGuard, RolesGuard),
  6. ApiBearerAuth(),
  7. ApiUnauthorizedResponse({ description: 'Unauthorized"' })
  8. );
  9. }

然后,你可以参照以下方式使用 @Auth() 自定义装饰器:

  1. @Get('users')
  2. @Auth('admin')
  3. findAllUsers() {}

这具有通过一个声明应用所有四个装饰器的效果。

来自 @nestjs/swagger 依赖中的 @ApiHideProperty() 装饰器无法聚合,因此此装饰器无法正常使用 applyDecorators 方法。

译者署名

用户名 头像 职能 签名
@snowyYU 自定义路由参数装饰器 - 图1 翻译 专注于 前端 和 BFF,@snowyYU at Github