## 第三方系统登录详细操作流程 1. 启动前后端,访问前端首页 ![](https://img.kancloud.cn/9a/b4/9ab4c94e1df7dcc9a8f6ba2b2700ac7d_2216x1318.png) 2. 点击跳转,可以看到,地址栏的clientId与我们刚刚配置的一致 ![](https://img.kancloud.cn/ff/be/ffbe4eddfec8f1f246910d2b7fe68853_3412x2052.png) 3. 输入账号密码点击登录,同样可以看到,地址栏的信息与我们配置的一致 ![](https://img.kancloud.cn/1f/ea/1feac65788f47ce0849741471a88d8e7_3402x1478.png) 4. 点击同意授权,便会自动跳转会我们的前端系统,然后进行登录 ![](https://img.kancloud.cn/26/d5/26d5ce9fc4d98c71dbcac5d1d8500197_2554x1458.png) 5. 登录成功后BladeX会在后台检测该用户是否已经注册在系统内拥有自己的账号,若没有,第一次登录成功会弹出一个小框提供快速注册。(注:目前很多网站,使用第三方登录后,都会提示再注册一个账号或者使用手机+验证码的方式快速注册,否则只可以使用基础功能。这是常用的一个套路,因为这么做了就可以获取到用户的信息,提升用户粘性,若是手机注册,后续还可以发送营销短信,从商家的角度考虑,这无形中是一个非常省钱收益又大的功能。从用户角度考虑,只要营销不是太过分,都会默认接受。) ![](https://img.kancloud.cn/df/1f/df1fff3c75bc71809f1c4e0cca035fd6_1378x1270.png) 6. 我们输入基本信息和账号密码,并点击提交,最后就会跳转回系统首页 ![](https://img.kancloud.cn/4c/aa/4caa962bd7256e60b86518e0c5fcdb47_816x1048.png) ![](https://img.kancloud.cn/aa/4e/aa4eaf740d338148461ef81d014c0b10_916x382.png) 7. 这时大家会发现,**注册成功后,再次点击gitee登录,会重新回到首页并无法登录**。因为我们现在的定位是后台管理系统,安全要求更高一些,必须要有指定的角色才可以登录。若大家不需要这么严格,可以自行简单修改逻辑,给第三方注册的用户默认分配一个guset角色,这样就可以登录查看最基础的菜单了。 8. 下面我们登录租户管理员,给刚注册的用户分配角色、部门、岗位,然后再进行登录测试 ![](https://img.kancloud.cn/ce/a7/cea7722be7a51bc9e45a16854434fd1d_2266x1430.png) 9. 提交后再次访问gitee三方登录,可以看到我们登录成功,菜单权限也与分配的角色一致 ![](https://img.kancloud.cn/1f/c5/1fc5034f5b202772a02307a97b50b3d4_3156x1102.png) ![](https://img.kancloud.cn/ce/77/ce77f450a9863cd45fbf2cbc8e00dcf7_3148x1594.png) 10. 因为我们刚刚快速注册了账号,那么除了第三方登录外,后续也可以直接使用账号来登录了,非常方便 11. 授权成功,我们会收到一份官方发过来的邮件,提示哪些应用被授权了 ![](https://img.kancloud.cn/24/d4/24d423824fea30a9b7a0deda47ecd2de_1430x1532.png)