当前位置: 首页 > news >正文

Springboot3+SpringSecurity6Oauth2+vue3前后端分离认证授权

流程示意

  • 整体流程
  • 项目
    • 技术栈
    • 示意图

整体流程

客户端前端客户端后端授权服务前端授权服务后端资源服务后端请求/hello接口无权限返回code=1001跳转到登录页请求登录/login接口返回授权服务获取授权码页面地址跳转到获取授权码页面请求获取授权码/oauth2/authorize接口无权限返回code=1001跳转到登录页请求登录/login接口验证用户密码登录成功返回token跳转回获取授权码页面带token请求获取授权码/oauth2/authorize接口返回授权码和客户端回调地址(带token)跳转到客户端回调地址(带token)请求回调/callback接口带token请求获取access_token的/oauth2/token接口返回access_token返回access_token跳转回最初始地址/带access_token请求/hello接口带access_token请求/authentication接口返回认证授权信息Authentication带Authentication走接下来流程返回/hello接口结果客户端前端客户端后端授权服务前端授权服务后端资源服务后端

项目

技术栈

前端:
vue3+vite4+axios+pinia+naiveui
客户端地址:localhost:3003
授权服务地址:localhost:3001

后端:
springboot3
spring security6 oauth2
客户端服务:localhost:8083
资源服务:localhost:8082
授权服务:localhost:8081

示意图

请求客户端页面,未登录提示跳转登录页
在这里插入图片描述
确认跳转请求客户端登录接口,返回请求授权服务器获取授权码页面地址
在这里插入图片描述
请求获取授权码接口,无权限跳转登录页面
在这里插入图片描述
在这里插入图片描述
登录成功,跳转回获取授权码页面
在这里插入图片描述
带token请求获取授权码接口,返回客户端回调地址
在这里插入图片描述在这里插入图片描述
跳转回调地址,带token请求回调接口,获取access_token
在这里插入图片描述
在这里插入图片描述
跳转回根页面,带access_token请求hello接口,成功返回结果
在这里插入图片描述
access_token过期后,请求hello接口重新走登录流程
在这里插入图片描述

http://www.dtcms.com/a/365195.html

相关文章:

  • 七、面向对象技术
  • Moonchain:「新加坡大华银行」加持下连接现实金融与链上经济的价值通道
  • 从公共形象到专属定制,井云交互数字人满足金融/政务多元需求
  • 23种设计模式-适配器(Adapter)模式
  • 如何通过level2千档盘口分析挂单意图
  • 【正则表达式】 正则表达式的修饰符有哪些?
  • 正则表达式的使用
  • A*(Astar)算法详解与应用
  • 【C++八股文】数据结构篇
  • Vue Vapor 事件机制深潜:从设计动机到源码解析
  • Windows 电源管理和 Shutdown 命令详解
  • QuillBot:AI文本重写神器(附官网),高效解决文案润色与语法检查需求
  • 不只会修图!谷歌发布官方指南,教你用 Nano Banana 玩转文生图
  • Mysql数据库(性能)索引学习
  • 如何获取easy-ui的表格的分页大小
  • 创建Spring MVC和注解
  • 企业资源计划(ERP)系统:数字化企业的核心引擎
  • 数据结构——顺序表和单向链表(2)
  • MybatisPlus 根据实体类获取对应的Mapper
  • 硬件开发1-51单片机2-按键、中断
  • Process Lasso:高效管理和优化计算机进程
  • 并查集_路径压缩
  • [嵌入式embed][Qt]Qt5.12+Opencv4.x+Cmake4.x_用Qt编译linux-Opencv库 测试
  • Linux 用户的 Windows 改造之旅
  • linux命名管道的使用
  • 关于linux数据库编程——sqlite3
  • Unity 中 打包 assetsBundle
  • C语言字符函数和字符串函数(1)
  • 《网络安全实战:CC攻击(应用层)与DDoS攻击(网络层)的底层逻辑与防御体系》​
  • 基于SpringBoot+Vue开发的环境保护监督管理网站