NestJS-身份验证JWT的使用

举报
林太白 发表于 2025/05/16 10:36:54 2025/05/16
【摘要】 NestJS-身份验证JWT的使用

NestJS-身份验证JWT的使用

JWT认识安装

JWT作用

  1. 用户身份验证:先解析请求中的 token,验证它是否合法。通过中间件或守卫 (guard) 来实现。
  2. 使用 JWT 进行认证:使用 JWT(JSON Web Token)进行用户认证,使用 @nestjs/jwt 包来解析和验证 token。
  3. 从 token 获取用户信息:验证 token通过,从中提取出用户信息,通过服务返回该用户详细数据

jwt依赖安装

npm install @nestjs/jwt @nestjs/passport passport passport-jwt
npm install @types/passport-jwt --save-dev

相关包的解释

@nestjs/jwt:用于生成和验证 JWT
passport-jwt:Passport JWT 策略模块
passport:用于 NestJS 认证的包
@nestjs/passport:NestJS 封装的 Passport 模块

生成auth授权模块

👉 生成一个auth授权模块,生成对应的auth授权模块

nest g controller auth --no-spec
nest g module auth --no-spec
nest g service auth --no-spec

👉生成文件如下


  auth.controller.ts
  auth.module.ts
  auth.service.ts

生成token信息

👉文件auth.module.ts搭建

// src/auth/auth.module.ts
import { Module,forwardRef } from '@nestjs/common';
import { JwtModule } from '@nestjs/jwt';
import { AuthService } from './auth.service';
import { AuthController } from './auth.controller';
import { UserModule } from '@/modules/user/user.module';
@Module({
  imports: [
    forwardRef(() => UserModule),  // 使用 forwardRef() 解决循环依赖
    JwtModule.register({
      secret: 'lintaibai^_^',  // 可以放到环境变量中
      signOptions: { expiresIn: '24h' },  // 设置 token 过期时间
    }),
    // UserModule, //导入用户模块
  ],
  providers: [AuthService],
  controllers: [AuthController],
})
export class AuthModule {}

👉文件auth.controller.ts搭建

文件位于src=> auth =>auth.controller.ts文件,接下来我们在这个文件里面生成token信息

// src/auth/auth.controller.ts
import { Controller,Post,Get,Body,Headers} from '@nestjs/common';
import { AuthService } from '@/auth/auth.service';

@Controller()
export class AuthController {
  constructor(
    private readonly authService: AuthService,
  ) {}

  @Post('login')
  async login(@Body() loginDto: { username: string; password: string }) {
    console.log('login-loginDto', loginDto);
    return this.authService.login(loginDto);
  }
}

👉文件auth.service.ts

接下来我们将登录接口迁移进来,在登录的时候给用户返回Token信息

import { Injectable, HttpException, HttpStatus,Headers } from '@nestjs/common';
import { JwtService } from '@nestjs/jwt';
import { Code, Repository } from 'typeorm';
import { UserService } from '@/modules/user/user.service'
@Injectable()
export class AuthService {
  constructor(
    private jwtService: JwtService,
    private readonly userService: UserService,
  ) {}
  
  // 生成 JWT token
  async generateToken(user: any): Promise<string>{
    return this.jwtService.sign(
      {userId: user.userId,username: user.username},
    )
  }
  // 验证 JWT token
  async validateToken(token: string){
    try {
      const decoded = this.jwtService.verify(token);
      console.log(decoded,'decoded');
      // 根据 decoded 提取用户信息,返回用户对象
      return {
        user:decoded,
        code: 200,
        message:'欢迎你的登录!',
     }; // 示例
    } catch (error) {
      throw new HttpException(
        {
          code: 401, // 适当的错误码是 404 (用户未找到)
          message: 'token已经过期!',
        },
        HttpStatus.UNAUTHORIZED, // 
      );
    }
  }

  // 验证用户是否存在
  async login(LoginDto){
    const loginUser = await this.userService.findByUsername(LoginDto.username);
     // const user = await this.authService.validateUserCredentials(body.username, body.password);
    console.log(loginUser,'loginUser--------------------------------------------');
    if (!loginUser) {
      throw new HttpException(
        {
          code: 404, // 适当的错误码是 404 (用户未找到)
          message: '用户不存在!',
        },
        HttpStatus.NOT_FOUND, // 使用 404 状态码
      );
    }else{
      // 验证用户凭证
      const token = await this.generateToken(loginUser);
      console.log(token,'用户登录token信息');
      return {
        message: '登录成功!',
        code: 200,
        token:token,
      };
    }
  }
 }

👉登录校验

点击登录,这个时候给我们返回的信息我们就已拿到了

{
    "message": "登录成功!",
    "code": 200,
    "token": "zMH0.kj_j7Ujg1iNoiPJcPMLkOy12UUNOpL6QMjxE"
}

getInfo获取用户信息

👉auth.controller.ts添加接口

// 获取用户信息token
  @Get('getInfo')
  async getInfo(@Headers('authorization') authorization: string) {
    return this.authService.getInfo(authorization);
  }

👉auth.service.ts添加方法

//导入相关方法
import { Injectable, HttpException, HttpStatus,Headers } from '@nestjs/common';
import { JwtService } from '@nestjs/jwt';
import { Code, Repository } from 'typeorm';
import { UserService } from '@/modules/user/user.service'
// 获取用户信息
  async getInfo(authHeader: string){
    console.log(authHeader,'authHeader');
    if (!authHeader) {
      throw new HttpException(
        {
          code: 401, // 未授权错误码
          message: '未授权Token',
        },
        HttpStatus.UNAUTHORIZED, // 使用 401 状态码
      );
    }
    const token = authHeader.split(' ')[1]; // 提取 Bearer token
    if (!token) {
      throw new HttpException(
        {
          code: 401, // 未授权错误码
          message: 'Token无效',
        },
        HttpStatus.UNAUTHORIZED, // 使用 401 状态码
      );
    }else {
      // 验证token
      const decoded = this.jwtService.verify(token);
      if(!decoded){
        throw new HttpException(
          {
            code: 401, // 未授权错误码
            message: 'Token无效',
          },
          HttpStatus.UNAUTHORIZED, // 使用 401 状态码
        );
      }else {
        return {
          code: 200,
          message: '验证成功,欢迎你的登录!',
          data: decoded,
        };
      }
    }
  }

👉模块auth.module.ts添加auth.module.ts模块

这里我们需要注意的是,必须在auth.module.ts引入用户部分的模块部分

注意这里的forwardRef 方法,必须使用这个来解决循环依赖

// src/auth/auth.module.ts
import { Module,forwardRef } from '@nestjs/common';
import { JwtModule } from '@nestjs/jwt';
import { AuthService } from './auth.service';
import { AuthController } from './auth.controller';
import { UserModule } from '@/modules/user/user.module';
import { JwtStrategy } from './jwt.strategy';  // 后续会创建的 JWT 策略
// import { UserService } from '@/modules/user/user.service'
@Module({
  imports: [
    forwardRef(() => UserModule),  // 使用 forwardRef() 解决循环依赖
    JwtModule.register({
      secret: 'lintaibai^_^',  // 可以放到环境变量中
      signOptions: { expiresIn: '24h' },  // 设置 token 过期时间
    }),
    // UserModule, //导入用户模块
  ],
  providers: [AuthService, JwtStrategy],
  controllers: [AuthController],
})
export class AuthModule {}

👉请求getInfo用户信息接口

这个时候我们已经可以从接口之中拿到对应的用户信息了

{
    "code": 200,
    "message": "验证成功,欢迎你的登录!",
    "data": {
        "userId": 6,
        "username": "admin",
        "iat": 1745999430,
        "exp": 1746085830
    }
}
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。