1►第三方登录
当今社会,微信登录、QQ登录、抖音登录等等三方登录已经层出不穷,学会三方登录势在必行。
微信登录要认证开发者,必须为企业,个人不行,而且还要交300块钱。
QQ登录也要申请、微博登录也要申请。
还好Gitee给力,申请轻轻松松,谁都能轻松让Gitee作为第三方登录,此次我们就讲解Gitee来登录ry。其实其他的登录也是基本上一样的。
2►JustAuth 奥义·穿风刺
JustAuth能让我们第三方登录写少一些代码,它包装了国内外30多种三方登录。
学习JustAuth网站:
https://justauth.wiki/guide/quickstart/how-to-use/#%E4%BD%BF%E7%94%A8%E6%AD%A5%E9%AA%A4
使用步骤
使用JustAuth总共分三步(这三步也适合于JustAuth支持的任何一个平台):
1、申请注册第三方平台的开发者账号。
我们找到gitee的设置,进入第三方应用,如下:
出来界面如下:
我现在是已经新建好了应用,大家是没有ruoyi-test。大家可以新建自己的应用:
应用主页随便填一个自己的应用页面即可。但是应用回调不能乱填,当我们gitee登录成功之后,gitee会自动跳转到应用回调地址,并且gitee会带上code,利用code可以得到所登录gitee用户信息。
2、创建第三方平台的应用,获取配置信息(accessKey, secretKey, redirectUri)。
上面我们已经创建了应用,自然有了这三个值。
3、使用该工具实现授权登陆。
利用工具先要引入依赖:
<dependency>
<groupId>me.zhyd.oauth</groupId>
<artifactId>JustAuth</artifactId>
<version>1.16.5</version>
</dependency>
<dependency> <groupId>org.apache.httpcomponents</groupId> <artifactId>httpclient</artifactId> <version>4.5.12</version> </dependency>
依赖引入到核心框架(framework)下。
接下来改login.vue,如下:
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
...省略其他代码
<el-form-item