第五步:解决跨域问题,返回 token,校验token, 并定义将接收的参数全局存储的方法

第一步:创建一个基础项目
第二步:创建写接口的模块,建立moogodb数据库连接,写添加与查询接口
第三步:加入Swagger文档
第四步:加入请求参数校验

  • 注:不要关心注释代码,那是属于后面功能的区域。因为随着代码体量加大,功能不再明确,只需按照步骤并参考效果图,把关键代码写入即可,所以下只写关键代码,具体请看效果图。
    项目地址

1 解决跨域问题

npm i cors

1.1 将cros挂到全局中间件上

~/src/app.module.ts

import { Module, MiddlewareConsumer, NestModule } from '@nestjs/common';
// 跨域 
import * as cors from 'cors';

// 定义中间件
export class AppModule implements NestModule {
  configure(consumer: MiddlewareConsumer) {
    consumer
      // 解决跨域的问题的全局中间件
      .apply(cors()).forRoutes('*')
      // 验证token的全局中间件
      // .apply(JwtExpiredMiddleware).forRoutes('*')
  }
}
效果图

2 生成token,校验token

2.3 生成token

// 生成token https://docs.nestjs.cn/9/security?id=jwt-%e5%8a%9f%e8%83%bd
import { JwtService } from '@nestjs/jwt';

  // Swagger标签
  @ApiTags('有Swagger文档/开启请求参数校验/Token')
  // 请求方式:Post, 请求路径:/user-copy/queryToken
  @Post('queryToken')
  // @Body() 装饰器
  async queryToken(@Body() body: userResponsesValidator) {
    // 存储参数到全局
    this.globalParamsService.setParam('globalToken', body);
    return {
      // 对参数进行签名  生成token -- 正常来说肯定是要去库里查这个账号存不存在的 -- 由于是示例代码  就不写那么麻烦了 -- 不然忘了账号又得再注册一个
      access_token: this.jwtService.sign({ user_name: body.user_name, password: body.password }),
    };
  }
效果图

2.2 创建token配置文件

npm i @nestjs/jwt jsonwebtoken
~/src/utils/tokenConfig.ts

import { Injectable, NestMiddleware } from '@nestjs/common';
import { Request, Response, NextFunction } from 'express';
// npm i jsonwebtoken
import * as jwt from 'jsonwebtoken';


interface JwtPayload {
  exp: number;
  // 其他 JWT 载荷属性
}

// 定义token的签名与超时时间
export const toeknData = {
  secret: "tokenKey", // 密匙
  expiresIn:"60s", // 超时时间60秒
}

@Injectable()
export class JwtExpiredMiddleware implements NestMiddleware {
  use(req: Request, res: Response, next: NextFunction) {

    // 一般来说 可能会以正则去匹配白名单接口 - 大部分情况下,只会有极个别的接口会是白名单 - 由于是示例 就直接写死了
    // 如果 请求地址不为 /user-copy/findValidatorToken 则直接跳过
    if (req.baseUrl !== '/user-copy/findValidatorToken') return next()

    const token = req.headers.authorization?.split(' ')[1]; // 从请求头中获取 JWT

    if (token) {
      try {
        // 解码
        const decoded = jwt.verify(token, toeknData.secret) as JwtPayload;
        // 接收到JWT后执行的逻辑
        // 当前时间戳
        // const currentTime = Math.floor(Date.now() / 1000);
        // decoded.exp 是解码后的 JWT 中的过期时间,表示该令牌的有效期截止时间。
        // decoded.iat 是解码后的 JWT 中的签发时间,表示该令牌的生成时间。
        // 比较当前时间是否已经超出令牌有效期截至时间
        // if (decoded.exp < currentTime) {
        //   // JWT 已经超时
        //   // 执行相应的逻辑
        //   return res.send({ status: 99998, data: [], message: '登录超时' });
        // }
      } catch (error) {
        // JWT 验证失败
        // 执行相应的逻辑
        return res.send({ status: 99998, data: error, message: '认证失败' });
      }
    } else {
      // token认证失败
      // 执行相应的逻辑
      return res.send({ status: 99999, data: 'token in required', message: '认证失败' });
    }

    next();
  }

}

2.3 引入并配置生成token规则, 并挂载到全局中间件

~/src/app.module.ts

// npm i @nestjs/jwt
// 生成token https://docs.nestjs.cn/9/security?id=jwt-%e5%8a%9f%e8%83%bd
import { JwtModule } from '@nestjs/jwt';
import { toeknData, JwtExpiredMiddleware } from './utils/tokenConfig'

// 配置生成的token
  imports: [
    JwtModule.register({
      secret: toeknData.secret, // 是用于签名和验证 JWT 的密钥
      signOptions: { expiresIn: toeknData.expiresIn }, // JWT 的过期时间。
    }),
  ]

// 定义中间件
export class AppModule implements NestModule {
  configure(consumer: MiddlewareConsumer) {
    consumer
      // 解决跨域的问题的全局中间件
      .apply(cors()).forRoutes('*')
      // 验证token的全局中间件
      .apply(JwtExpiredMiddleware).forRoutes('*')
  }
}
效果图

3 测试效果

3.1 生成token接口

效果图

3.2 不传token

效果图

3.3 传token

效果图

token失败错误/token过期

效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,179评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,229评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,032评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,533评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,531评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,539评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,916评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,813评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,568评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,654评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,354评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,937评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,918评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,152评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,852评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,378评论 2 342

推荐阅读更多精彩内容