开发喵星球

RuoYi-Vue-Plus 第三方授权功能详解(326)

适用版本:5.X 及以上

基础说明

  1. 本功能依托 JustAuth 实现,支持多种平台的第三方授权登录。
  2. 本文将以 Gitee 平台授权登录为例,介绍具体的操作步骤。
  3. 其他平台的授权配置信息获取方式,可参考 JustAuth 官方文档。
    JustAuth 示例

第三方授权配置流程

1. 申请第三方应用(以 Gitee 为例)

申请第三方授权应用并获取相关配置信息,如下图所示:

Gitee 授权申请

2. 修改后端配置 application-dev.yml

在后端配置文件中,添加 Gitee 或其他第三方平台的授权配置信息。

后端配置示例

⚠️ 注意:内网地址不能用于回调,因此必须使用可通过外网访问的地址。

回调地址配置

3. 修改前端配置 login.vue

前端部分需要在 login.vue 中配置相应的授权登录逻辑,如下图所示:

前端配置示例

授权登录流程(未绑定第三方平台)

1. 在个人中心授权第三方应用

用户可以在个人中心进行第三方应用授权。

个人中心授权

2. 同意授权并完成登录

在授权页面同意授权后,系统会跳转到首页,显示授权成功的提示。

同意授权

成功授权后,系统会展示已获取的个人信息。

授权成功

授权登录流程(已绑定第三方平台)

1. 点击登录页面的第三方平台图标

用户直接点击登录页面上的授权平台图标,进入授权流程。

点击图标登录

2. 同意授权并登录

同意授权后,系统会自动完成登录操作。

同意授权

解除授权绑定

1. 在个人中心解绑第三方应用

用户可以在个人中心取消与第三方平台的绑定。

2. 确认解绑操作

点击确定后,即可成功解除授权绑定。

确认解绑

   
分类:Java/OOP 作者:无限繁荣, 吴蓉 发表于:2024-09-09 17:30:16 阅读量:149
<<   >>


powered by kaifamiao