NestJS - Session, JWT & Red
2021/7/1 23:53:36
本文主要是介绍NestJS - Session, JWT & Red,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
什么是JWT?
JWT全称 - JSON WEB TOKEN
Link
什么是Redis?
Redis - 内存缓存服务器
Link
Windows下Redis的安装
NestJS 与 Authentication
注意:Authentication(鉴权) 与 Authorization(授权)的区别
Authentication发展至今,常用的方式有三种:
- Session
- JWT
- oAuth
@nestjs/passport 库支持上述三种认证方式。
以下步骤描述了如何使用@nestjs/passport实现authentication
/* 全局安装nestjs */
npm i -g @nestjs/cli
/* 新建项目 */
nest new nest-auth
/ * 安装passport依赖 * /
npm install --save @nestjs/passport passport passport-local
npm install --save-dev @types/passport-local
/ * 认证模块 * /
nest g module auth
nest g service auth
/ * 用户模块 * /
nest g module users
nest g service users
Guard & Strategy
为 users/user.service.ts 加入模拟数据
import { Injectable } from '@nestjs/common'; // This should be a real class/interface representing a user entity export type User = any; @Injectable() export class UsersService { private readonly users = [ { userId: 1, username: 'john', password: 'changeme', }, { userId: 2, username: 'maria', password: 'guess', }, ]; async findOne(username: string): Promise<User | undefined> { return this.users.find(user => user.username === username); } }
users/user.module.ts → 增加exports
import { Module } from '@nestjs/common'; import { UsersService } from './users.service'; @Module({ providers: [UsersService], exports: [UsersService], }) export class UsersModule {} 在auth/auth.service.ts中增加validateUser方法 import { Injectable } from '@nestjs/common'; import { UsersService } from '../users/users.service'; @Injectable() export class AuthService { constructor(private usersService: UsersService) {} async validateUser(username: string, pass: string): Promise<any> { const user = await this.usersService.findOne(username); if (user && user.password === pass) { const { password, ...result } = user; return result; } return null; } }
AuthModule中引入UsersModule, auth/auth.module.ts
import { Module } from '@nestjs/common'; import { AuthService } from './auth.service'; import { UsersModule } from '../users/users.module'; @Module({ imports: [UsersModule], providers: [AuthService], }) export class AuthModule {}
添加策略的实现, auth/local.strategy.ts
import { Strategy } from 'passport-local'; import { PassportStrategy } from '@nestjs/passport'; import { Injectable, UnauthorizedException } from '@nestjs/common'; import { AuthService } from './auth.service'; @Injectable() export class LocalStrategy extends PassportStrategy(Strategy) { constructor(private authService: AuthService) { super(); } async validate(username: string, password: string): Promise<any> { const user = await this.authService.validateUser(username, password); if (!user) { throw new UnauthorizedException(); } return user; } }
Passport会调用每个PassportStrategy实现类中的validate方法。
修改auth/auth.module.ts,在imports、providers中加入Passport和LocalStrategy
import { Module } from '@nestjs/common'; import { AuthService } from './auth.service'; import { UsersModule } from '../users/users.module'; import { PassportModule } from '@nestjs/passport'; import { LocalStrategy } from './local.strategy'; @Module({ imports: [UsersModule, PassportModule], providers: [AuthService, LocalStrategy], }) export class AuthModule {}
使用NestJS的Guard机制实现鉴权(Authentication)。 如NestJS官网所述,Guard的作用是决定Http请求是否要通过路由被处理。
NestJS/AuthGuard
app.controller.ts
import { Controller, Request, Get, Post, UseGuards } from '@nestjs/common'; import { AuthGuard } from '@nestjs/passport'; @Controller('/') export class AppController { @UseGuards(AuthGuard('local')) @Post('auth/login') async login(@Request() req) { return req.user; } @Get('hello') getHello(): string { return 'Hello World!'; } }
启动项目:npm run start:dev
测试访问hello接口:http://localhost:3000/hello
打开postman,输入以下参数,注意红框的部分。 可以看到返回user信息。
如果我们将@UseGuards(AuthGuard('local'))装饰器放到getHello方法上,再访问此方法时,我们会看到
至此AuthGuard可以work,接下去我们要实现基于Session、JWT的鉴权。
JWT
添加密钥常量, auth/constants.ts
export const jwtConstants = { secret: 'secretKey', };
增加jwt策略 auth/jwt.strategy.ts
import { Injectable } from '@nestjs/common'; import { PassportStrategy } from '@nestjs/passport'; import { ExtractJwt, Strategy } from 'passport-jwt'; import { jwtConstants } from '../constants'; @Injectable() export class JwtStrategy extends PassportStrategy(Strategy) { constructor() { super({ jwtFromRequest: ExtractJwt.fromAuthHeaderAsBearerToken(), ignoreExpiration: false, secretOrKey: jwtConstants.secret, }); } async validate(payload: any) { return { userId: payload.sub, username: payload.username }; } }
修改auth/auth.module.ts
此处修改的目的是注册Jwt模块,设置密钥与过期时间
import { Module } from '@nestjs/common'; import { JwtModule } from '@nestjs/jwt'; import { AuthService } from './auth.service'; import { UsersModule } from '../users/users.module'; import { PassportModule } from '@nestjs/passport'; import { jwtConstants } from './constants'; import { LocalStrategy } from './local.strategy'; import { JwtStrategy } from './jwt.strategy'; @Module({ imports: [ UsersModule, PassportModule, JwtModule.register({ secret: jwtConstants.secret, signOptions: { expiresIn: '180s' }, }), ], providers: [AuthService, LocalStrategy, JwtStrategy], exports: [AuthService], }) export class AuthModule {}
最后运行项目:npm run start:dev
打开postman,访问login接口,获得access_token
使用获得的token作为bearer的值,访问受保护的api
上述示例验证了在NestJS下JWT的工作方式
Session + Redis
NestJS默认使用express,因此为了支持Session需要安装以下依赖(包括Redis)
npm i --save express-session redis connect-redis passport-custom
npm i -D @types/express-session @types/redis @types/connect-redis
在先前示例的基础上使之支持session,并能够保存至redis。打开main.ts,更新如下:
import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; import * as session from 'express-session'; import * as connectRedis from 'connect-redis'; import * as redis from 'redis'; import * as passport from 'passport'; const RedisStore = connectRedis(session); // 设置redis链接参数,具体参考 https://www.npmjs.com/package/redis const redisClient = redis.createClient(6379, '127.0.0.1'); // 设置passport序列化和反序列化user的方法,在将用户信息存储到session时使用 passport.serializeUser(function(user, done) { done(null, user); }); // 反序列化 passport.deserializeUser(function(user, done) { done(null, user); }); async function bootstrap() { const app = await NestFactory.create(AppModule); app.use( session({ secret: 'demo-session-secret', //加密session时所使用的密钥 resave: false, saveUninitialized: false, // 使用redis存储session store: new RedisStore({ client: redisClient }), }), ); // 设置passport,并启用session app.use(passport.initialize()); app.use(passport.session()); await app.listen(3000); } bootstrap();
新建策略:useSession.strategy.ts,该策略用来进行身份验证,并将结果保存至session(由于设过使用redis,所以会将session存储在redis中),sessionid会加入response的cookie中。
import { Strategy } from 'passport-local'; import { PassportStrategy } from '@nestjs/passport'; import { Injectable, UnauthorizedException, Request } from '@nestjs/common'; import { AuthService } from './auth.service'; import { promisify } from 'util'; @Injectable() export class UseSessionStrategy extends PassportStrategy(Strategy, 'useSession') { constructor(private authService: AuthService) { super({ passReqToCallback: true, }); } async validate(@Request() req, username: string, password: string): Promise<any> { console.log('from useSession Strategy'); const user = await this.authService.validateUser(username, password); if (!user) { throw new UnauthorizedException(); } // 用户名密码匹配,设置session // promisify,统一代码风格,将node式callback转化为promise await promisify(req.login.bind(req))(user); return user; } }
新建策略:applySession.strategy.ts, 该策略比较简单,判断请求的session中是否带有user信息
import { Injectable, Request, UnauthorizedException } from "@nestjs/common"; import { PassportStrategy } from "@nestjs/passport"; import { Strategy } from "passport-custom"; @Injectable() export class ApplySessionStrategy extends PassportStrategy(Strategy, 'applySession') { async validate(@Request() req): Promise<any> { // 注意,passport的session数据结构,使用req.session.passport.user来访问 user session const { passport: { user } } = req.session; if (!user) { throw new UnauthorizedException(); } // 这里的userId和username是上面local.strategy在调用login()函数的时候,passport添加到session中的。 // 数据结构保持一致即可 const { userId, username } = user; return { userId, username, }; } }
最后在auth.module.ts中导出这两个策略,并在app.controller中使用
import { Controller, Request, Get, Post, UseGuards } from '@nestjs/common'; import { AuthGuard } from '@nestjs/passport'; import { AuthService } from './auth/auth.service'; import { JwtAuthGuard } from './auth/guards/jwt-auth.guard'; @Controller('/') export class AppController { constructor(private readonly authService: AuthService) {} @UseGuards(AuthGuard('local')) @Post('auth/login') async login(@Request() req) { return this.authService.login(req.user); } @UseGuards(JwtAuthGuard) @Get('profile') getProfile(@Request() req) { console.log(JSON.stringify(req.user)); return req.user; } @UseGuards(AuthGuard('useSession')) @Post('auth/login2') async login2(@Request() req) { return true; } @UseGuards(AuthGuard('applySession')) @Get('profile2') getProfile2(@Request() req) { console.log(JSON.stringify(req.user)); return req.user; } }
最后,使用postman做测试
发起login请求,会看到response带有名为connect.sid的cookie
使用该cookie访问受保护的接口(postman会自动把cookie带上)
总结
NestJS的AuthGuard帮助我们实现路由请求拦截,Passport及其Strategy帮助我们将不同的鉴权策略(Auth Strategy)应用到不同的路由处理方法上。express-session则是处理session以及与redis的同步。
参考:
NestJS官网
JWT代码示例
Session+Redis代码示例
这篇关于NestJS - Session, JWT & Red的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程