Wujies 无界平台
后端框架 · RuoYi-Vue-Plus框架功能基础功能

第三方授权功能


版本

  • 5.X

前置说明

输入图片说明

配置流程

1. 申请第三方应用

输入图片说明

2. 修改后端配置

编辑 application-dev.yml,配置 AppId/Secret 与回调地址。

justauth.address 需要填写前端对外可访问地址,回调地址会拼成 ${justauth.address}/social-callback?source=xxx。

输入图片说明

注意:内网地址无法回调,请使用公网可访问地址。

输入图片说明

3. 修改前端配置

编辑 login.vue 中的第三方登录入口配置。

如果使用默认 plus-ui,前端已经内置 /social-callback 路由与回调页面,主要确认图标入口与后端平台配置保持一致。

输入图片说明

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

  1. 个人中心发起授权

输入图片说明

  1. 同意授权并完成绑定

输入图片说明

授权成功后会跳转系统首页:

输入图片说明 输入图片说明

在第三方应用可看到授权用户信息:

输入图片说明

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

  1. 登录页点击第三方图标

输入图片说明

  1. 同意授权

输入图片说明

解除授权绑定

  1. 个人中心点击解绑

输入图片说明

  1. 确认解绑

输入图片说明

目录