马鞍山都市网首页

前一篇文章介绍了微信授权登录的实现，本文将重点介绍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授权登录过程。相对来说，比微信授权登录要简单得多。