Skip to content

Nest 的功能都是大多通过装饰器来使用的,这节我们就把所有的装饰器过一遍。

我们创建个新的 nest 项目:

nest new all-decorator -p npm

Nest 提供了一套模块系统,通过 @Module声明模块:

通过 @Controller、@Injectable 分别声明其中的 controller 和 provider:

这个 provider 可以是任何的 class:

注入的方式可以是构造器注入:

或者属性注入:

属性注入要指定注入的 token,可能是 class 也可能是 string。

你可以通过 useFactory、useValue 等方式声明 provider:

这时候也需要通过 @Inject 指定注入的 token:

这些注入的依赖如果没有的话,创建对象时会报错。但如果它是可选的,你可以用 @Optional 声明一下,这样没有对应的 provider 也能正常创建这个对象。

如果模块被很多地方都引用,为了方便,可以用 @Global 把它声明为全局的,这样它 exports 的 provider 就可以直接注入了:

filter 是处理抛出的未捕获异常的,通过 @Catch 来指定处理的异常:

然后通过 @UseFilters 应用到 handler 上:

除了 filter 之外,interceptor、guard、pipe 也是这样用:

当然,pipe 更多还是单独在某个参数的位置应用:

这里的 @Query 是取 url 后的 ?bbb=true,而 @Param 是取路径中的参数,比如 /xxx/111 种的 111

此外,如果是 @Post 请求,可以通过 @Body 取到 body 部分:

我们一般用 dto 的 class 来接受请求体里的参数:

nest 会实例化一个 dto 对象:

用 postman 发个 post 请求:

可以看到 nest 接受到了 body 里的参数:

除了 @Get、@Post 外,还可以用 @Put、@Delete、@Patch、@Options、@Head 装饰器分别接受 put、delete、patch、options、head 请求:

handler 和 class 可以通过 @SetMetadata 指定 metadata:

然后在 guard 或者 interceptor 里取出来:

你可以通过 @Headers 装饰器取某个请求头 或者全部请求头:

通过 @Ip 拿到请求的 ip:

通过 @Session 拿到 session 对象:

但要使用 session 需要安装一个 express 中间件:

npm install express-session

在 main.ts 里引入并启用:

指定加密的密钥和 cookie 的存活时间。

然后刷新页面:

会返回 set-cookie 的响应头,设置了 cookie,包含 sid 也就是 sesssionid。

之后每次请求都会自动带上这个 cookie:

这样就可以在 session 对象里存储信息了。

@HostParam 用于取域名部分的参数:

我们再创建个 controller:

nest g controller aaa --no-spec --flat

这样指定 controller 的生效路径:

javascript
import { Controller, Get, HostParam } from '@nestjs/common';

@Controller({ host: ':host.0.0.1', path: 'aaa' })
export class AaaController {
    @Get('bbb')
    hello() {
        return 'hello';
    }
}

controller 除了可以指定某些 path 生效外,还可以指定 host:

然后再访问下:

这时候你会发现只有 host 满足 xx.0.0.1 的时候才会路由到这个 controller。

host 里的参数就可以通过 @HostParam 取出来:

javascript
import { Controller, Get, HostParam } from '@nestjs/common';

@Controller({ host: ':host.0.0.1', path: 'aaa' })
export class AaaController {
    @Get('bbb')
    hello(@HostParam('host') host) {
        return host;
    }
}

前面取的这些都是 request 里的属性,当然也可以直接注入 request 对象:

通过 @Req 或者 @Request 装饰器,这俩是同一个东西:

注入 request 对象后,可以手动取任何参数:

当然,也可以 @Res 或者 @Response 注入 response 对象,只不过 response 对象有点特殊:

当你注入 response 对象之后,服务器会一直没有响应:

因为这时候 Nest 就不会再把 handler 返回值作为响应内容了。

你可以自己返回响应:

Nest 这么设计是为了避免你自己返回的响应和 Nest 返回的响应的冲突。

如果你不会自己返回响应,可以通过 passthrough 参数告诉 Nest:

除了注入 @Res 不会返回响应外,注入 @Next 也不会:

当你有两个 handler 来处理同一个路由的时候,可以在第一个 handler 里注入 next,调用它来把请求转发到第二个 handler:

Nest 不会处理注入 @Next 的 handler 的返回值。

handler 默认返回的是 200 的状态码,你可以通过 @HttpCode 修改它:

当然,你也可以修改 response header,通过 @Header 装饰器:

此外,你还可以通过 @Redirect 装饰器来指定路由重定向的 url:

或者在返回值的地方设置 url:

javascript
@Get('xxx')
@Redirect()
async jump() {
    return {
      url: 'https://www.baidu.com',
      statusCode: 302
    }  
}

你还可以给返回的响应内容指定渲染引擎,不过这需要先这样设置:

javascript
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
import { NestExpressApplication } from '@nestjs/platform-express';
import { join } from 'path';

async function bootstrap() {
  const app = await NestFactory.create<NestExpressApplication>(AppModule);

  app.useStaticAssets(join(__dirname, '..', 'public'));
  app.setBaseViewsDir(join(__dirname, '..', 'views'));
  app.setViewEngine('hbs');

  await app.listen(3000);
}
bootstrap();

分别指定静态资源的路径和模版的路径,并指定模版引擎为 handlerbars。

当然,还需要安装模版引擎的包 hbs:

npm install --save hbs

然后准备图片和模版文件:

在 handler 里指定模版和数据:

就可以看到渲染出的 html 了:

案例代码在小册仓库

总结

这节我们梳理了下 Nest 全部的装饰器

  • @Module: 声明 Nest 模块
  • @Controller:声明模块里的 controller
  • @Injectable:声明模块里可以注入的 provider
  • @Inject:通过 token 手动指定注入的 provider,token 可以是 class 或者 string
  • @Optional:声明注入的 provider 是可选的,可以为空
  • @Global:声明全局模块
  • @Catch:声明 exception filter 处理的 exception 类型
  • @UseFilters:路由级别使用 exception filter
  • @UsePipes:路由级别使用 pipe
  • @UseInterceptors:路由级别使用 interceptor
  • @SetMetadata:在 class 或者 handler 上添加 metadata
  • @Get、@Post、@Put、@Delete、@Patch、@Options、@Head:声明 get、post、put、delete、patch、options、head 的请求方式
  • @Param:取出 url 中的参数,比如 /aaa/:id 中的 id
  • @Query: 取出 query 部分的参数,比如 /aaa?name=xx 中的 name
  • @Body:取出请求 body,通过 dto class 来接收
  • @Headers:取出某个或全部请求头
  • @Session:取出 session 对象,需要启用 express-session 中间件
  • @HostParm: 取出 host 里的参数
  • @Req、@Request:注入 request 对象
  • @Res、@Response:注入 response 对象,一旦注入了这个 Nest 就不会把返回值作为响应了,除非指定 passthrough 为true
  • @Next:注入调用下一个 handler 的 next 方法
  • @HttpCode: 修改响应的状态码
  • @Header:修改响应头
  • @Redirect:指定重定向的 url
  • @Render:指定渲染用的模版引擎

把这些装饰器用熟,就掌握了 nest 大部分功能了。