NestJS 7.x 折腾记: (6) 异常过滤器,取其精华去其糟粕!比如响应异常数据的包装~

简介: 正如官方所说:内置的异常层负责处理整个应用程序中的所有抛出的异常。当捕获到未处理的异常时,最终用户将收到友好的响应。

网络异常,图片无法展示
|


前言


正如官方所说:


内置的异常层负责处理整个应用程序中的所有抛出的异常。


当捕获到未处理的异常时,最终用户将收到友好的响应。


网络异常,图片无法展示
|


NestJS提供了一波拿来即用的内置异常过滤器;


@nestjs/common里面,搜索下Exception就有~


我们来一个具体的例子(全局异常过滤),


基于内置的异常过滤器实现,采用第三方日志(pino)记录异常日志,


做一些处理并包裹返回信息;


效果图


网络异常,图片无法展示
|


实战


# 基于cli生成filter模板
nest g f common/filters/http-exception


http-exception.filter.ts


// 日期格式化库,很小巧,类moment 风格api
import * as dayjs from 'dayjs';
import {
  ArgumentsHost,
  Catch,
  ExceptionFilter,
  HttpException,
  HttpStatus,
} from '@nestjs/common';
// nest默认底层是基于express封装,所以可以直接引入
import { Request, Response } from 'express';
// 第三方logger
import { Logger } from 'nestjs-pino';
// 捕获请求异常类型
// 可以传递多个参数,所以你可以通过逗号分隔来为多个类型的异常设置过滤器。
@Catch(HttpException)
export class HttpExceptionFilter implements ExceptionFilter {
  // 我们要把异常塞到自定义logger,必须引入对应的实例
  // 在构建函数声明定义下,从外部传入
  constructor(private readonly logger: Logger) {}
  catch(exception: HttpException, host: ArgumentsHost) {
    // 把请求相关的参数转成标准http的上下文
    // 有兴趣可以点进去,GPRC,WEBSOCKET都能直接转换
    // 也能直接拿到一些参数的及返回上下文类型
    const ctx = host.switchToHttp();
    // 响应体
    const response = ctx.getResponse<Response>();
    // 请求体
    const request = ctx.getRequest<Request>();
    // 判断状态是否为请求异常,否则直接抛回来服务内部错误
    const status =
      exception instanceof HttpException
        ? exception.getStatus()
        : HttpStatus.INTERNAL_SERVER_ERROR;
    // 此刻的时间
    const nowDate = dayjs(Date.now()).format('YYYY-MM-DDTHH:mm:ss');
    // 包装异常信息
    const errorResponse = {
      statusCode: status,
      message: exception.message,
      error: exception.name,
      date: nowDate,
      path: request.url,
    };
    // 记录异常信息到第三方logger
    this.logger.error(
      `【${nowDate}】${request.method} ${request.url} query:${JSON.stringify(
        request.query,
      )} params:${JSON.stringify(request.params)} body:${JSON.stringify(
        request.body,
      )}`,
      JSON.stringify(errorResponse),
      'HttpExceptionFilter',
    );
    // 塞回去响应体,也就是客户端请求可以感知到的
    response.status(status).json(errorResponse);
  }
}


主入口(main.ts)


import { AppModule } from './app.module';
import { HttpExceptionFilter } from './common/filters/http-exception.filter';
import { Logger } from 'nestjs-pino';
import { NestFactory } from '@nestjs/core';
async function bootstrap() {
  const app = await NestFactory.create(AppModule, {
    cors: false,
    logger: false,
  });
  // 获取pino logger实例 
  const logger = app.get(Logger);
  // nestjs-pino 取代nest logger
  app.useLogger(logger);
  // 设置全局异常过滤器
  app.useGlobalFilters(new HttpExceptionFilter(logger));
  await app.listen(configService.get('SERVE_LISTENER_PORT'));
}
bootstrap()


app.module.ts


若是只要特定模块生效可以使用Providers去实现,从核心模块导出;


import { Module } from '@nestjs/common';
// 包括网关,拦截器都可以走这种模式!
import { APP_FILTER } from '@nestjs/core';
import { HttpExceptionFilter } from './common/filters/http-exception.filter';
@Module({
  providers: [
    {
      provide: APP_FILTER,
      useClass: HttpExceptionFilter,
    },
  ],
})
export class AppModule {}


若是加上@Global装饰器也能达到全局模块的效果!


这个东东一般不推荐用在app.module,而是你需要导出的复用模块!


这里只是演示写法


import { Module,Global } from '@nestjs/common';
import { APP_FILTER } from '@nestjs/core';
@Global()
@Module({
  providers: [
    {
      provide: APP_FILTER,
      useClass: HttpExceptionFilter,
    },
  ],
})
export class AppModule {}


@Global() 推荐用于给外部复用,又需要变成全局模块的,比如


import { Module, Global } from '@nestjs/common';
import { CatsController } from './cats.controller';
import { CatsService } from './cats.service';
@Global()
@Module({
  controllers: [CatsController],
  providers: [CatsService],
  exports: [CatsService],
})
export class CatsModule {}
目录
相关文章
|
弹性计算 Linux 云计算
阿里云上更新幻兽帕鲁Palworld服务器详细教程,附幻兽帕鲁搭建教程
如何快速在阿里云上更新幻兽帕鲁服务器?幻兽帕鲁更新之后,服务器需要同步更新才能继续游戏,大家可以按照以下操作完成服务升级。阿里云上更新幻兽帕鲁Palworld服务器详细教程,附幻兽帕鲁搭建教程。
|
机器学习/深度学习 自然语言处理 搜索推荐
神经网络算法 —— Embedding(嵌入)!!
神经网络算法 —— Embedding(嵌入)!!
3672 1
|
12月前
|
网络架构
Next14 页面与布局 使用
Next14 页面与布局 使用
248 7
|
Web App开发 移动开发 定位技术
HTML5 Geolocation(地理定位)1
HTML5 Geolocation API 用于获取用户的地理位置,需用户同意才可使用。支持的浏览器包括IE9+、Firefox、Chrome、Safari 和 Opera。此API在GPS设备上定位更精准。示例代码展示了如何使用getCurrentPosition()方法获取并显示用户的位置信息。
screenfull全屏、退出全屏、指定元素全屏的使用步骤
screenfull全屏、退出全屏、指定元素全屏的使用步骤
934 5
|
数据可视化
漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案
漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案
240 0
|
JavaScript 前端开发 安全
|
JavaScript 前端开发 开发者
【TypeScript技术专栏】TypeScript与React的完美结合
【4月更文挑战第30天】React和TypeScript在前端开发中备受推崇。React以其组件化、高性能和灵活的生态系统引领UI构建,而TypeScript通过静态类型检查和面向对象特性增强了代码的健壮性和可维护性。两者结合,能提升开发效率,降低错误,使React组件结构更清晰。通过安装TypeScript,配置tsconfig.json,然后用TypeScript编写和打包代码,可实现两者的无缝集成。这种结合为前端开发带来更强的代码质量和团队协作效果,随着技术发展,其应用将更加广泛。
333 0
|
存储 数据安全/隐私保护
一键云端,AList 整合多网盘,轻松管理文件多元共享
一键云端,AList 整合多网盘,轻松管理文件多元共享
2476 0
|
JavaScript 定位技术 容器
Vue(3). 如何将高德地图引入的vue中
Vue(3). 如何将高德地图引入的vue中
252 0