iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 27
0
Modern Web

Angular 與 Nestjs 共舞 - 從前端跨出到全端系列 第 27

[DAY-27] Nestjs 異常過濾器(Exception filters)

什麼是異常過濾器

Nestjs 有一個框架層級的異常處理機制,負責捕捉所有的異常狀態。如果有異常狀態沒有被處理的話,那麼Nestjs的異常處理器便會發出回應,說明某些地方異常出錯了。

https://ithelp.ithome.com.tw/upload/images/20191013/20120107EsMBXcVK6X.png

因此當有錯誤是沒有被處理的時候,就會回傳預設的錯誤訊息:

{
    "statusCode": 500,
    "message": "Internal server error"
}

當然,除非是預期之外的錯誤,不然基本上所有可以預期的錯誤都是要去處理的

使用異常處理器

Nestjs內建HttpException的class去處理捕捉到的異常,可以將捕捉到的異常轉換成相對應的錯誤訊息
如果要使用HttpException,則引入

import {HttpException} from '@nestjs/common'

現在來測試異常處理器,修改一下取得所有文件的API,假設不管三七二十一,直接拋出錯誤

@Get()
getAllDocuments(@Response() res) {
    throw new HttpException('禁止使用', HttpStatus.FORBIDDEN);
}

測試一下,錯誤訊息如下

{
  "statusCode": 403,
  "message": "禁止使用"
}

https://ithelp.ithome.com.tw/upload/images/20191013/20120107ihtRr7pHE9.png

這是最簡單的自訂錯誤的方法,也可以自訂更多的錯誤訊息

@Get()
getAllDocuments(@Response() res) {
    throw new HttpException({
        status: '朕知道了',
        error: '錯誤訊息',
    }, 404);
}

測試一下

{
  "status": "朕知道了",
  "error": "錯誤訊息"
}

https://ithelp.ithome.com.tw/upload/images/20191013/20120107Xx7ZbN70TH.png

如果覺得這樣的錯誤訊息還是不夠的話,那麼還可以更進階的自訂。因為HttpException是一個class,所以可以自己建立一個class使用super來擴充原本的HttpException

export class ForbiddenException extends HttpException {
  constructor() {
    super('Forbidden', HttpStatus.FORBIDDEN);
  }
}

更多的例外錯誤處理

除了HttpException之外,Nestjs還有內建很多常見的錯誤處理,減少自行處理的麻煩

  • BadRequestException
  • UnauthorizedException
  • NotFoundException
  • ForbiddenException
  • NotAcceptableException
  • RequestTimeoutException
  • ConflictException
  • GoneException
  • PayloadTooLargeException
  • UnsupportedMediaTypeException
  • UnprocessableException
  • InternalServerErrorException
  • NotImplementedException
  • BadGatewayException
  • ServiceUnavailableException
  • GatewayTimeoutException

#自訂異常過濾器

如果不想使用內建的異常過濾器,想更擁有更多自訂的空間,那麼也可以自己做一個異常過濾器

建立自訂過濾器

Nest generate filter <filterName>

建立一個稱為custom的過濾器

nest generate filter custom

自訂異常過濾器

import { ExceptionFilter, Catch, ArgumentsHost } from '@nestjs/common';
import { HttpException } from '@nestjs/common';

// 捕捉錯誤異常
@Catch(HttpException)
export class HttpExceptionFilter implements ExceptionFilter {
  catch(exception: HttpException, host: ArgumentsHost) {
    const ctx = host.switchToHttp(); // 取得內容
    const response = ctx.getResponse(); // 取得回應
    const request = ctx.getRequest(); // 取得請求
    const status = exception.getStatus();




    // 自訂回應內容
    response
      .status(status)
      .json({
        statusCode: exception.getStatus(),
        timestamp: new Date().toISOString(),
        path: request.url,
      });
  }
}
  • @Catch()裝飾器可以告訴Nestjs這個過濾器的內容要綁定到HttpException上面

在控制器套用自訂異常過濾器

匯入@UseFilters
再度測試取得所有文件的getAllDocuments方法

@Get()
@UseFilters(CustomFilter)
getAllDocuments(@Response() res) {
    throw new HttpException('Forbidden', HttpStatus.FORBIDDEN);
}

使用postman測試
https://ithelp.ithome.com.tw/upload/images/20191013/20120107dJgKQ0JGXL.png

在整個系統使用異常過濾器

如果不只在某個控制器使用自訂過濾器而是要在整個系統使用,也可以把自訂的異常過濾器拉到系統層級
main.ts

async function bootstrap() {
  const app = await NestFactory.create(ApplicationModule);
  app.useGlobalFilters(new HttpExceptionFilter()); // 使用系統層級的過濾器
  await app.listen(3000);
}
bootstrap();

範例

今天的範例內容可以github上面看到:範例內容

小結

今天學到的事情有:

  • 什麼是異常過濾器
  • 如何使用內建的異常過濾器
  • 如何自訂異常過濾器

上一篇
[DAY-26] Nestjs 管道(Pipe) 2- 轉換資料
下一篇
[DAY-28] Nestjs 中介層(Middleware)
系列文
Angular 與 Nestjs 共舞 - 從前端跨出到全端30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言