Skip to content

用户管理模块我们实现了注册、登录鉴权、信息修改接口,还剩下两个接口:

这节来实现下。

在那之前先考虑个问题:

成功的响应是这样的:

但是失败的响应是这样:

并不统一。

如何让响应统一成 {code、message、data} 的格式呢?

这里就需要自定义 Exception Filter 了。

在 Guard、handler、interceptor 等处理逻辑里 throw http 异常,都会被 ExceptionFilter 处理成相应的响应。

如果想修改异常响应的格式,就要自定义了。

我们新建个 exception filter:

nest g filter unlogin --flat

@Catch 的参数可以指定具体 catch 的异常类型:

javascript
import { ArgumentsHost, Catch, ExceptionFilter, HttpStatus } from '@nestjs/common';
import { Response } from 'express';

export class UnLoginException{
  message: string;

  constructor(message?){
    this.message = message;
  }
}

@Catch(UnLoginException)
export class UnloginFilter implements ExceptionFilter {
  catch(exception: UnLoginException, host: ArgumentsHost) {
    const response = host.switchToHttp().getResponse<Response>();

    response.json({
      code: HttpStatus.UNAUTHORIZED,
      message: 'fail',
      data: exception.message || '用户未登录'
    }).end();
  }
}

我们自定义了 UnLoginException 的异常,在 @Catch 指定捕获这个异常,返回对应的响应。

在 main.ts 引入下:

然后把 LoginGuard 里的异常改成 UnLoginException

测试下:

现在当你不带 token 访问 /aaa 的时候,返回的就是自己定义的格式了。

搜索下之前代码里抛的异常:

还有不少。

难道有多少种 exception 就定义多少种异常类和 exception filter 么?

没必要,直接修改下对 HttpException 的处理逻辑就好了。

nest g filter custom-exception --flat

javascript
import { ArgumentsHost, Catch, ExceptionFilter, HttpException, HttpStatus } from '@nestjs/common';
import { Response } from 'express';

@Catch(HttpException)
export class CustomExceptionFilter implements ExceptionFilter {
  catch(exception: HttpException, host: ArgumentsHost) {
    const response = host.switchToHttp().getResponse<Response>();
    response.statusCode = exception.getStatus();

    response.json({
      code: exception.getStatus(),
      message: 'fail',
      data: exception.message
    }).end();
  }
}

直接 @Catch 指定 HttpException,修改返回的响应格式。

然后在 main.ts 里启用:

这样,所有的代码都不用修改,返回的响应就已经变了:

所以,如果你只是想修改默认的响应格式,直接定义个 catch HttpException 的 filter 就好了。

但这样其实还有个问题:

对于 ValidationPipe 报的错,返回的信息不准。

我们可以打个断点看看具体的错误信息:

创建 .vscode/launch.json 文件:

输入调试配置:

javascript
{
    "name": "Launch via NPM",
    "request": "launch",
    "runtimeArgs": [
        "run-script",
        "start:dev"
    ],
    "console": "integratedTerminal",
    "runtimeExecutable": "npm",
    "skipFiles": [
        "<node_internals>/**"
    ],
    "type": "node"
}

然后在 exception filter 打个断点,点击调试启动:

在 postman 里再次请求这个接口,代码会在断点处断住:

可以看到,这时候 message 并不是具体的错误,具体的错误在 response.message 里:

所以我们可以这样改:

javascript
import { ArgumentsHost, Catch, ExceptionFilter, HttpException, HttpStatus } from '@nestjs/common';
import { Response } from 'express';

@Catch(HttpException)
export class CustomExceptionFilter implements ExceptionFilter {
  catch(exception: HttpException, host: ArgumentsHost) {
    const response = host.switchToHttp().getResponse<Response>();
    response.statusCode = exception.getStatus();

    const res = exception.getResponse() as { message: string[] };
    
    response.json({
      code: exception.getStatus(),
      message: 'fail',
      data: res?.message?.join ? res?.message?.join(',') : exception.message
    }).end();
  }
}

就是如果有 response.message 就优先用那个,否则就取 exception.message。

再试下:

这样,错误显示就对了。

然后我们实现冻结用户的接口,冻结的用户不能预定会议室。

这个接口非常简单,就是修改一个字段:

javascript
@Get('freeze')
async freeze(@Query('id') userId: number) {
    await this.userService.freezeUserById(userId);
    return 'success';
}

定义 get 接口,然后从 query 取 id 参数。

其实这个接口也需要登录,而且只有管理员有调用它的权限,这个我们后面再统一处理。

在 UserService 定义这个 freezeUserById 方法:

javascript
async freezeUserById(id: number) {
    const user = await this.userRepository.findOneBy({
        id
    });

    user.isFrozen = true;

    await this.userRepository.save(user);
}

测试下:

确实冻结了。

然后实现 /user/list 用户列表接口。

javascript
@Get('list')
async list(@Query('pageNo', ParseIntPipe) pageNo: number, @Query('pageSize', ParseIntPipe) pageSize: number) {
    return await this.userService.findUsersByPage(pageNo, pageSize);
}

这个接口支持分页查询,传入 pageNo、pageSize,返回对应页的数据。

我们在 UserService 里实现下:

还记得如何用 sql 实现分页查询么?

目前 users 表有 4 条数据,我们先查询全部的:

sql
select * from users

然后每 2 条记录一页

查询第一页:

sql
select * from users limit 0,2

查询第二页:

sql
select * from users limit 2,2

也就是说,只要计算出当前页码跳过多少条记录,取多少条记录就好了。

也就是这样:

javascript
async findUsersByPage(pageNo: number, pageSize: number) {
    const skipCount = (pageNo - 1) * pageSize;

    const [users, totalCount] = await this.userRepository.findAndCount({
        skip: skipCount,
        take: pageSize
    });

    return {
        users,
        totalCount
    }
}

当前页码减一乘以 pageSize,就是要跳过的记录数,然后再取 pageSize 条。

我们这次用的是 findAndCount 的 api,它还会查询总记录数。

测试下:

没传 pageNo 的时候会返回 400 的错误。

这个报错信息不够友好,我们改一下:

javascript
@Get('list')
async list(
@Query('pageNo', new ParseIntPipe({
  exceptionFactory() {
    throw new BadRequestException('pageNo 应该传数字');
  } 
})) pageNo: number,
@Query('pageSize', new ParseIntPipe({
  exceptionFactory() {
    throw new BadRequestException('pageSize 应该传数字');
  } 
})) pageSize: number
) {
    return await this.userService.findUsersByPage(pageNo, pageSize);
}

现在的提示信息就友好多了。

我们重构下代码:

把这段代码抽离到 src/utils.ts 里:

javascript
export function generateParseIntPipe(name) {
    return new ParseIntPipe({
      exceptionFactory() {
        throw new BadRequestException(name + ' 应该传数字');
      } 
    })
}

那 controller 的代码就可以简化成这样了:

javascript
@Get('list')
async list(
    @Query('pageNo', generateParseIntPipe('pageNo')) pageNo: number,
    @Query('pageSize', generateParseIntPipe('pageSize')) pageSize: number,
) {
    return await this.userService.findUsersByPage(pageNo, pageSize);
}

那如果没有传 pageNo 和 pageSize 的时候要设置个默认值呢?

可以使用 DefaultValuePipe:

没有传 pageNo 的时候设置为 1,没有传 pageSize 的时候设置为 2。

测试下:

现在传入 pageNo 和 pageSize 就可以查询出对应的数据,还有总条数:

服务端打印了两条 sql:

一条是分页查询,指定了 limit 2 offset 2,这个和 limit 2, 2 是一样的

一条是 count 统计,统计了用户的总条数。

这里返回的信息同样也需要做一些修改。

我们指定下 select 的字段:

javascript
async findUsersByPage(pageNo: number, pageSize: number) {
    const skipCount = (pageNo - 1) * pageSize;

    const [users, totalCount] = await this.userRepository.findAndCount({
        select: ['id', 'username', 'nickName', 'email', 'phoneNumber', 'isFrozen', 'headPic', 'createTime'],
        skip: skipCount,
        take: pageSize
    });

    return {
        users,
        totalCount
    }
}

这样返回的数据就只包含 select 的字段了:

当然,如果你需要对返回的数据再做一些变换,这时候可以封装个 vo 对象。

用户列表的需求除了分页外,还需要支持根据 username、nickName、email 的搜索:

添加几个参数:

javascript
@Get('list')
async list(
    @Query('pageNo', new DefaultValuePipe(1), generateParseIntPipe('pageNo')) pageNo: number,
    @Query('pageSize', new DefaultValuePipe(2), generateParseIntPipe('pageSize')) pageSize: number,
    @Query('username') username: string,
    @Query('nickName') nickName: string,
    @Query('email') email: string
) {
    return await this.userService.findUsers(username, nickName, email, pageNo, pageSize);
}

在 UserService 添加 findUsers 方法:

javascript
async findUsers(username: string, nickName: string, email: string, pageNo: number, pageSize: number) {
    const skipCount = (pageNo - 1) * pageSize;

    const condition: Record<string, any> = {};

    if(username) {
        condition.username = Like(`%${username}%`);   
    }
    if(nickName) {
        condition.nickName = Like(`%${nickName}%`); 
    }
    if(email) {
        condition.email = Like(`%${email}%`); 
    }

    const [users, totalCount] = await this.userRepository.findAndCount({
        select: ['id', 'username', 'nickName', 'email', 'phoneNumber', 'isFrozen', 'headPic', 'createTime'],
        skip: skipCount,
        take: pageSize,
        where: condition
    });

    return {
        users,
        totalCount
    }
}

和之前的区别就是多了个 where 条件。

根据 username、nickName、email 搜索的时候,使用模糊查询。

测试下:

当我传 nickName 包含“里”的时候,服务端查询到数据只有一条。

传入 nickName 包含 “光” 的时候,返回两条数据。

这样,搜索就完成了。

代码在小册仓库

总结

这节我们实现了冻结用户和用户列表接口。

我们通过自定义 exception filter,catch 了 HTTPException,返回了自定义格式的响应,统一了响应格式。

冻结用户接口比较简单,就是修改 users 表的一个字段。

用户列表支持了分页查询和模糊搜索:

分页查询就是根据 (pageNo -1) * pageSize 计算出从哪里开始,然后取 pageSize 条。

模糊搜索就是通过 like 来匹配。

此外,ParseIntPipe 我们自定义了错误格式,还使用了 DefaultValuePipe 设置了默认值。

至此,用户模块的所有接口都写完了,下节我们用 swagger 来生成接口文档。