Skip to content

这节正式进入开发,我们先来开发注册功能。

创建个 nest 项目:

nest new chat-room-backend

在 docker desktop 里把 mysql 的容器跑起来:

进入项目,安装 prisma

npm install prisma --save-dev

然后执行 prisma init 创建 schema 文件:

npx prisma init

改下 .env 的配置:

DATABASE_URL="mysql://root:你的密码@localhost:3306/chat-room"

并且修改下 schema 里的 datasource 部分:

datasource db {
  provider = "mysql"
  url      = env("DATABASE_URL")
}

然后创建 model。

上节分析过用户表的结构:

字段名数据类型描述
idINT用户ID
usernameVARCHAR(50)用户名
passwordVARCHAR(50)密码
nick_nameVARCHAR(50)昵称
emailVARCHAR(50)邮箱
head_picVARCHAR(100)头像
create_timeDATETIME创建时间
update_timeDATETIME更新时间

创建对应的 modal:

generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "mysql"
  url      = env("DATABASE_URL")
}

model User {
  id  Int @id @default(autoincrement())
  username String @db.VarChar(50) @unique
  password String @db.VarChar(50)
  nickName String @db.VarChar(50)
  email String @db.VarChar(50)
  headPic String @db.VarChar(100) @default("")
  createTime DateTime @default(now())
  updateTime DateTime @updatedAt
}

注意,这里 username 要添加唯一约束。

在 mysql workbench 里创建 chat-room 的数据库:

先 migrate reset,重置下数据库:

npx prisma migrate reset

然后创建新的 migration:

npx prisma migrate dev --name user

这时就生成了迁移文件,包含创建 user 表的 sql 语句:

在 mysql workbench 里可以看到创建好的 user 表:

并且 migrate dev 还会生成 client 代码,接下来我们就可以直接来做 CRUD 了。

创建个 module 和 service:

nest g module prisma

nest g service prisma --no-spec

改下 PrismaService,继承 PrismaClient,这样它就有 crud 的 api 了:

javascript
import { Injectable, OnModuleInit } from '@nestjs/common';
import { PrismaClient } from '@prisma/client';

@Injectable()
export class PrismaService extends PrismaClient implements OnModuleInit {

    constructor() {
        super({
            log: [
                {
                    emit: 'stdout',
                    level: 'query'
                }
            ]
        })
    }

    async onModuleInit() {
        await this.$connect();
    }
}

在 constructor 里设置 PrismaClient 的 log 参数,也就是打印 sql 到控制台。

在 onModuleInit 的生命周期方法里调用 $connect 来连接数据库。

然后把 PrismaService 导出,并且设置 PrismaModule 为全局模块:

这样各处就都可以注入 PrismaService 用了。

然后创建 user 模块:

nest g resource user

在 UserService 里注入 PrismaService 来做 crud:

javascript
import { Inject, Injectable } from '@nestjs/common';
import { PrismaService } from 'src/prisma/prisma.service';
import { Prisma } from '@prisma/client';

@Injectable()
export class UserService {

  @Inject(PrismaService)
  private prisma: PrismaService;

  async create(data: Prisma.UserCreateInput) {
      return await this.prisma.user.create({
          data,
          select: {
              id: true
          }
      });
  }
}

写代码的时候你会发现,参数的类型 prisma 都给你生成好了,直接用就行:

user 模块有这些接口:

接口路径请求方式描述
/user/loginPOST用户登录
/user/registerPOST用户注册
/user/updatePOST用户个人信息修改
/user/update_passwordPOST用户修改密码

我们这节实现注册:

在 UserController 增加一个 post 接口:

javascript
import { Controller, Get, Post, Body, Patch, Param, Delete } from '@nestjs/common';
import { UserService } from './user.service';
import { RegisterUserDto } from './dto/register-user.dto';

@Controller('user')
export class UserController {
  constructor(private readonly userService: UserService) {}

  @Post('register')
  async register(@Body() registerUser: RegisterUserDto) {
      return await this.userService.create(registerUser);
  }
}

dto 是封装 body 里的请求参数的,根据界面上要填的信息,创建 dto:

创建 user/dto/register-user.dto.ts

javascript
export class RegisterUserDto{
    username: string;

    password: string;

    nickName: string;

    email: string;

    captcha: string;
}

把服务跑起来:

npm run start:dev

在 postman 里调用下试试:

javascript
{
    "username": "guang",
    "nickName": "神说要有光",
    "password": "123456",
    "email": "xxxx@xx.com",
    "captcha": "abc123"
}

报错了:

数据库中没有 captcha 的字段。

我们要在调用 service 之前删掉它:

再试一下:

服务端打印了 insert 的 sql 语句:

数据库里也可以看到这条记录:

然后加一下 ValidationPipe,来对请求体做校验。

安装用到的包:

npm install --save class-validator class-transformer

全局启用 ValidationPipe:

javascript
app.useGlobalPipes(new ValidationPipe());

然后加一下校验规则:

javascript
import { IsEmail, IsNotEmpty, MinLength } from "class-validator";

export class RegisterUserDto {

    @IsNotEmpty({
        message: "用户名不能为空"
    })
    username: string;
    
    @IsNotEmpty({
        message: '昵称不能为空'
    })
    nickName: string;
    
    @IsNotEmpty({
        message: '密码不能为空'
    })
    @MinLength(6, {
        message: '密码不能少于 6 位'
    })
    password: string;
    
    @IsNotEmpty({
        message: '邮箱不能为空'
    })
    @IsEmail({}, {
        message: '不是合法的邮箱格式'
    })
    email: string;
    
    @IsNotEmpty({
        message: '验证码不能为空'
    })
    captcha: string;
}

测试下:

没啥问题。

然后实现注册的逻辑。

注册的逻辑是这样的:

我们需要先封装个 redis 模块。

nest g module redis
nest g service redis --no-spec

安装 redis 的包:

npm install --save redis

确保 redis 的 docker 容器是启动的:

添加连接 redis 的 provider

javascript
import { Global, Module } from '@nestjs/common';
import { RedisService } from './redis.service';
import { createClient } from 'redis';

@Global()
@Module({
  providers: [
    RedisService,
    {
      provide: 'REDIS_CLIENT',
      async useFactory() {
        const client = createClient({
            socket: {
                host: 'localhost',
                port: 6379
            },
            database: 2
        });
        await client.connect();
        return client;
      }
    }
  ],
  exports: [RedisService]
})
export class RedisModule {}

用 @Global() 把它声明为全局模块,这样只需要在 AppModule 里引入,别的模块不用引入也可以注入 RedisService 了。

database 指定为 2,默认是 0

这个 database 就是把存储的 key-value 的数据放到不同命名空间下,避免冲突。

然后写下 RedisService

javascript
import { Inject, Injectable } from '@nestjs/common';
import { RedisClientType } from 'redis';

@Injectable()
export class RedisService {

    @Inject('REDIS_CLIENT') 
    private redisClient: RedisClientType;

    async get(key: string) {
        return await this.redisClient.get(key);
    }

    async set(key: string, value: string | number, ttl?: number) {
        await this.redisClient.set(key, value);

        if(ttl) {
            await this.redisClient.expire(key, ttl);
        }
    }
}

注入 redisClient,实现 get、set 方法,set 方法支持指定过期时间。

然后继续实现 register 方法。

javascript
import { HttpException, HttpStatus, Inject, Injectable, Logger } from '@nestjs/common';
import { PrismaService } from 'src/prisma/prisma.service';
import { RedisService } from 'src/redis/redis.service';
import { RegisterUserDto } from './dto/register-user.dto';

@Injectable()
export class UserService {

  @Inject(PrismaService)
  private prismaService: PrismaService;

  @Inject(RedisService)
  private redisService: RedisService;

  private logger = new Logger();

  async register(user: RegisterUserDto) {
      const captcha = await this.redisService.get(`captcha_${user.email}`);

      if(!captcha) {
          throw new HttpException('验证码已失效', HttpStatus.BAD_REQUEST);
      }

      if(user.captcha !== captcha) {
          throw new HttpException('验证码不正确', HttpStatus.BAD_REQUEST);
      }

      const foundUser = await this.prismaService.user.findUnique({
        where: {
          username: user.username
        }
      });

      if(foundUser) {
        throw new HttpException('用户已存在', HttpStatus.BAD_REQUEST);
      }

      try {
        return await this.prismaService.user.create({
          data: {
            username: user.username,
            password: user.password,
            nickName: user.nickName,
            email: user.email
          },
          select: {
            id: true,
            username: true,
            nickName: true,
            email: true,
            headPic: true,
            createTime: true
          }
        });
      } catch(e) {
        this.logger.error(e, UserService);
        return null;
      }
  }
}

先检查验证码是否正确,如果正确的话,检查用户是否存在,然后用 prismaService.create 插入数据。

失败的话用 Logger 记录错误日志。

这里的 md5 方法放在 src/utils.ts 里,用 node 内置的 crypto 包实现。

javascript
import * as crypto from 'crypto';

export function md5(str) {
    const hash = crypto.createHash('md5');
    hash.update(str);
    return hash.digest('hex');
}

在 UserController 里调用下:

javascript
import { Controller, Get, Post, Body, Patch, Param, Delete } from '@nestjs/common';
import { UserService } from './user.service';
import { RegisterUserDto } from './dto/register-user.dto';

@Controller('user')
export class UserController {
  constructor(private readonly userService: UserService) {}

  @Post('register')
  async register(@Body() registerUser: RegisterUserDto) {
    return await this.userService.register(registerUser);
  }
}

然后在 postman 里测试下:

因为还没实现发送邮箱验证码的逻辑,这里我们手动在 redis 添加一个 key:

测试下:

带上错误的验证码,返回验证码不正确;

带上正确的验证码,注册成功:

这时可以在数据库里看到这条记录:

然后我们来实现发送邮箱验证码的功能。

封装个 email 模块:

nest g resource email --no-spec

安装发送邮件用的包:

npm install nodemailer --save

在 EmailService 里实现 sendMail 方法

javascript
import { Injectable } from '@nestjs/common';
import { createTransport, Transporter} from 'nodemailer';

@Injectable()
export class EmailService {

    transporter: Transporter
    
    constructor() {
      this.transporter = createTransport({
          host: "smtp.qq.com",
          port: 587,
          secure: false,
          auth: {
              user: '你的邮箱地址',
              pass: '你的授权码'
          },
      });
    }

    async sendMail({ to, subject, html }) {
      await this.transporter.sendMail({
        from: {
          name: '聊天室',
          address: '你的邮箱地址'
        },
        to,
        subject,
        html
      });
    }
}

把邮箱地址和授权码改成你自己的。

具体怎么生成授权码,看前面的 node 发送邮件那节。

把 EmailModule 声明为全局的,并且导出 EmailService

然后在 UserController 里添加一个 get 接口:

javascript
@Inject(EmailService)
private emailService: EmailService;

@Inject(RedisService)
private redisService: RedisService;

@Get('register-captcha')
async captcha(@Query('address') address: string) {
    const code = Math.random().toString().slice(2,8);

    await this.redisService.set(`captcha_${address}`, code, 5 * 60);

    await this.emailService.sendMail({
      to: address,
      subject: '注册验证码',
      html: `<p>你的注册验证码是 ${code}</p>`
    });
    return '发送成功';
}

测试下:

邮件发送成功:

redis 里也保存了邮箱地址对应的验证码:

通过邮件发送验证码之后,保存到 redis,注册的时候取出邮箱地址对应的验证码来校验。

这样,整个注册的流程就完成了。

代码在小册仓库

总结

这节我们创建了 nest 项目,并引入了 prisma 和 redis。

通过 prisma 的 migrate 功能,生成迁移 sql 并同步到数据库。

此外,prisma 会生成 client 的代码,我们封装了 PrismaService 来做 CRUD。

我们实现了 /user/register 和 /user/register-captcha 两个接口。

/user/register-captcha 会向邮箱地址发送一个包含验证码的邮件,并在 redis 里存一份。

/user/register 会根据邮箱地址查询 redis 中的验证码,验证通过会把用户信息保存到表中。

这样,注册功能就完成了。