Spring boot微服务分布式框架Rouyi Cloud权限认证

水深无声 2024-04-23 21:02 69阅读 0赞

?作者主页：青花锁 ?简介：Java领域优质创作者?、Java微服务架构公号作者?

?简历模板、学习资料、面试题库、技术互助

?文末获取联系方式 ?

![在这里插入图片描述][8e79f79251004be596a5f46b79e5197a.png]

--------------------

## 往期热门专栏回顾 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">专栏</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Java项目实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12345409.html" rel="nofollow">介绍Java组件安装、使用；手写框架等</a></td> 
  </tr> 
  <tr> 
   <td align="left">Aws服务器实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12492968.html" rel="nofollow">Aws Linux服务器上操作nginx、git、JDK、Vue</a></td> 
  </tr> 
  <tr> 
   <td align="left">Java微服务实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12439818.html" rel="nofollow">Java 微服务实战，Spring Cloud Netflix套件、Spring Cloud Alibaba套件、Seata、gateway、shadingjdbc等实战操作 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Java基础篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12369312.html" rel="nofollow">Java基础闲聊，已出HashMap、String、StringBuffer等源码分析，JVM分析，持续更新中 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Springboot篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12273537.html" rel="nofollow">从创建Springboot项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回、全局异常处理、Swagger文档 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Spring MVC篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12295009.html" rel="nofollow">从创建Spring MVC项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回 </a></td> 
  </tr> 
  <tr> 
   <td align="left">华为云服务器实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12426609.html" rel="nofollow">华为云Linux服务器上操作nginx、git、JDK、Vue等，以及使用宝塔运维操作添加Html网页、部署Springboot项目/Vue项目等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Java爬虫</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_8863085.html" rel="nofollow">通过Java+Selenium+GoogleWebDriver 模拟真人网页操作爬取花瓣网图片、bing搜索图片等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Vue实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12278346.html" rel="nofollow">讲解Vue3的安装、环境配置，基本语法、循环语句、生命周期、路由设置、组件、axios交互、Element-ui的使用等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Spring</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12283629.html" rel="nofollow">讲解Spring(Bean)概念、IOC、AOP、集成jdbcTemplate/redis/事务等 </a></td> 
  </tr> 
 </tbody> 
</table>

--------------------

## Spring boot框架若依RouYi Cloud专栏回顾 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">专栏</th> 
   <th align="left">导航</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Spring boot框架Rouyi Cloud</td> 
   <td align="left">- -</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/article/details/137263809" rel="nofollow">rouyi-ui Node版本过大导致项目启动报错95% emitting CompressionPlugin ERROR Error: error:0308010C:digital envelope routines::unsupported</a></td> 
  </tr> 
  <tr> 
   <td align="left">Spring boot框架Rouyi Cloud</td> 
   <td align="left">- -</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/article/details/137424517" rel="nofollow">token源码分析</a></td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 前言 ##

上一章节讲解了Spring Cloud框架Rouyi Cloud的环境部署安装，以及安装过程中遇到的一些问题（后端问题在Springboot、微服务中都有解决方法，所以重点只提了前端的一些问题）。

今天我们来讲解下整个框架的入口，登录流程之token解析。  
![在这里插入图片描述][61e9eddc7127469db7807eaae8eca67f.png]

## 系统罗列 ##

今天只展示登录鉴权这一块，我们需要用到的系统模块如下：

*  用户访问的Web前端系统：rouyi-ui
 *  网关系统：rouyi-gateway
 *  授权业务系统：rouyi-auth

--------------------

## 1、Web前端系统：rouyi-ui ##

在Idea里打开Terminal（中文版是终端），输入命令：

npm run dev

![在这里插入图片描述][56eeabda22cc4bac85c96cc65fda972c.png]

### 1.2、访问前端页面 ###

访问前端页面，由于没有登录（token）信息，会直接跳转到登录界面。  
这里没有启动后台系统，获取验证码接口失败。  
![在这里插入图片描述][7f1d7cc2125e481081a667ae321b7f68.png]

### 1.3、解析前端登录接口 ###

前端登录接口：login（  
http://localhost/dev-api/auth/login）  
验证码接口：code（  
http://localhost/dev-api/code）  
![在这里插入图片描述][8f08b8a187ad4cc9863f6e84215433b9.png]

#### 1.3.1、解析地址 ####

http://localhost/dev-api/auth/login  
localhost 补全：localhost:80，对应上rouyi-ui的80端口  
dev-api/auth/login，我们带上问题继续看下去  
![在这里插入图片描述][2fdc9dd20bc44500b04fb7b6113d02a8.png]

#### 1.3.2、配置路径 ####

可以看到rouyi-ui前端系统，为不同环境配置了访问路径前缀。  
在dev环境中，对应的地址是：VUE\_APP\_BASE\_API = ‘/dev-api’  
那么【1.3.1】的路径，就剩下/auth/login了  
![在这里插入图片描述][e750140b89fa4a879411d77740cbed72.png]

## 2、网关系统：rouyi-gateway ##

### 2.1、启动nacos ###

启动nacos之后(nacos需要配置数据库并启动），可以看到ruoyi-开头的很多配置项。  
![在这里插入图片描述][36a9b65f86274736b755cbedf8e6cb87.png]  
![在这里插入图片描述][a29e0fcec230497ab4b10080c0d59c94.png]![在这里插入图片描述][4b66a9bc73af4c739facf9e824efc3b0.png]

### 2.2、启动rouyi-gateway ###

启动rouyi-gateway，可以看到默认的端口是8080，正好对应上rouyi-ui上配置的默认代理。  
![在这里插入图片描述][cf263065a1fa4e109988fbe595048c62.png]

### 2.3、路径路由 ###

可以在nacos里找到ruoyi-gateway-dev.yml文件，里面有对路由的配置。  
routes:  
\# 认证中心  
\- id: ruoyi-auth  
uri: lb://ruoyi-auth – 下面的路径，匹配ruoyi-auth系统  
predicates:  
\- Path=/auth/\*\* – 匹配前端访问的路径，凡是/auth/开头都匹配上  
filters:  
\# 验证码处理  
\- CacheRequestFilter  
\- ValidateCodeFilter – 处理验证码  
![在这里插入图片描述][279e1118057448478b95cb9b74271d0d.png]  
![在这里插入图片描述][67723374265f469c8df75dab8da4ddec.png]

前文【1.3.2】的地址：/auth/login，正好对应ID为ruoyi-auth的路由规则，凡是/auth/开头的地址，都会路由到ruoyi-auth系统。

### 2.4、代码解析 ###

#### 2.4.1、获取验证码 ####

获取验证码接口：com.ruoyi.gateway.config.RouterFunctionConfiguration.routerFunction  
在RouterFunctionConfiguration类上有注解：@Configuration

生成验证码，并最终转换成图片流输出到页面。  
![在这里插入图片描述][f032b89db26b4cb7a363a33219f075b6.png]  
![在这里插入图片描述][1a6cb98f15724bd6b0c2e7bcfadfd9b3.png]  
![在这里插入图片描述][8571eef01ec1405f92d9958861ff5a7f.png]

### 2.5、返回前端查看验证码 ###

rouyi-gateway启动成功了，也看到了验证码的代码就在rouyi-gateway系统里，这时返回网页，可以看到验证码已经显示出来了。  
![在这里插入图片描述][373ada0837ec44e39cd5cad9d7bbb923.png]

--------------------

## 3、授权业务系统：rouyi-auth ##

授权认证中心也启动成功了，我们是通过网关+nacos微服务访问，所以业务系统的端口号无所谓了。  
![在这里插入图片描述][8ab144ecf5094e1abb732a941aa3175a.png]

### 3.1、查看接口 ###

找到类： com.ruoyi.auth.controller.TokenController  
里面有4个接口：登录、登出、刷新token、注册  
![在这里插入图片描述][efbf41b15eb649b780c178b1d1165d3c.png]

#### 3.1.1、登录接口 ####

登录接口主要做了2件事：  
1、校验用户名、密码是否正确；  
2、根据用户信息，创建token，并返回给前端  
![在这里插入图片描述][35f0a6f20eef4b868cb2115235346c4f.png]  
![在这里插入图片描述][2ed7bb8d569b410f8bb09a242bf4eb5e.png]

--------------------

## 总结 ##

其他细节就留给大家去继续探索， token这块我们就讲解到这里。

--------------------

资料获取，更多粉丝福利，关注下方公众号获取

![在这里插入图片描述][a74f7d5d03234f7c8a635562034442a0.gif_pic_center]

[8e79f79251004be596a5f46b79e5197a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/909dd507c533497ebc6b94f8b97397d9.png
[61e9eddc7127469db7807eaae8eca67f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/95c6c6cb4a8f4d2bb5b7da2d66cf96cf.png
[56eeabda22cc4bac85c96cc65fda972c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/0f2ee2da23f648b8a2a8dfbfc7def293.png
[7f1d7cc2125e481081a667ae321b7f68.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f8ba6aa6eec945568423bd65f4ddc6a6.png
[8f08b8a187ad4cc9863f6e84215433b9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/082a36fe23a14151a80c8eac658e4d1a.png
[2fdc9dd20bc44500b04fb7b6113d02a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/c7a73b4b75694a889af2a5c70fd1953c.png
[e750140b89fa4a879411d77740cbed72.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/5e95e10ed4034bbb8a8152b88526e08a.png
[36a9b65f86274736b755cbedf8e6cb87.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/14f31181987d49db817db839668b3ba1.png
[a29e0fcec230497ab4b10080c0d59c94.png]: https://img-blog.csdnimg.cn/direct/a29e0fcec230497ab4b10080c0d59c94.png
[4b66a9bc73af4c739facf9e824efc3b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/1fd99caad5a140cda1ee8561cb0c8436.png
[cf263065a1fa4e109988fbe595048c62.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/010b1d0f70044f5e91703773e6c64734.png
[279e1118057448478b95cb9b74271d0d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/156f4821312543b0aff9fa02ca2eea82.png
[67723374265f469c8df75dab8da4ddec.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/7e349cebf3804b29a84aa10b7b0e7a72.png
[f032b89db26b4cb7a363a33219f075b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/f7a9a41d58d844f599050864c813c9bc.png
[1a6cb98f15724bd6b0c2e7bcfadfd9b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/59d74888941649afb4df4ef4c1c92f84.png
[8571eef01ec1405f92d9958861ff5a7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/e6ac6c1079ae4f618dfaa6da5389bcee.png
[373ada0837ec44e39cd5cad9d7bbb923.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/1f2437b8d5224031a5ca4169c3ee6576.png
[8ab144ecf5094e1abb732a941aa3175a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/cf3e05fc5da34424bc6445f725412cce.png
[efbf41b15eb649b780c178b1d1165d3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/b17730d0c3714109b5594a086d7fe7ac.png
[35f0a6f20eef4b868cb2115235346c4f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/8ad0fb833be44f489a4295edbbfa4945.png
[2ed7bb8d569b410f8bb09a242bf4eb5e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/3ce79f965d784fdb85e18c31729e1b9b.png
[a74f7d5d03234f7c8a635562034442a0.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/72ad47a8579e4f2cbf14f449fb377751.gif