您现在所在的位置:首页 > 科技资讯 >

QQ授权登录前后实现(Vue+SpringBoot)

日期:2021-01-11 11:30:28;来源:文章来源于网络

前一篇文章介绍了微信授权登录的实现,本文将重点介绍QQ授权登录的实现。登录过程大致类似微信授权登录,但不需要考虑正常p和官方账户的情况,因此处理逻辑相对简单。

1.登录QQ开放平台,申请网页应用

在应用程序审核获得批准后,输入应用程序修改平台信息:

主要是站点回调域配置,即QQ授权登录后返回的页面地址,您可以配置多个,通过分号间隔。如上所述,我分别为计算机端和p页配置了两个地址。

二.处理流程

我的项目的主要过程如下(根据实际业务场景,具体过程可能有所不同):

3.实施细节

请注意,后端使用VUE实现,后端使用Springboot。

3.1前端的嵌入式登录按钮

点击并跳转到qq登录页面,然后在qq登录页面中直接调用后端界面以获得授权参数,如果成功,跳过页面:

3.2后端授权参数组装接口

首先,为QQ操作添加一个公共包,maven配置:

然后将qqconnectconfig.properties文件添加到项目资源文件目录中,配置信息如下:

请注意,appId和appkey、重定向_uri、Mobile也配置了Mobile_reDirect_uri。

请注意,如本文开头所述,配置的两个重定向_uri必须在QQ开放平台背景中配置,否则授权登录时会报告异常。

程序集授权参数方法实现如下:

3.3成功的前端接收授权令牌

在以上两个步骤之后,前端页面将调用qq登录;在用户同意后,qq将跳到我们指定的带有令牌参数的重定向uri;此页面实现如下:

当您到达令牌时,您将调用后端接口来获取OpenID和用户信息。

3.4后端通过令牌获取用户信息

前端获得令牌后,将其发送到后台,下一步由后台处理。具体处理过程如下:

qqservice实现如下:

这就完成了整个QQ授权登录过程。相对来说,比微信授权登录要简单得多。

上一篇:FGO:APPmedia剪影卫星猜想,奶了三个中华系
下一篇:最后一页