说明

本文中所说的QQ登录功效，是接纳官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简朴的JS-SDK开发方式，虽然异常简捷，但自主性不够，以是没有接纳。

下文中所组织的URL，均使用了JavaScript的ES6语法。

注册开发者

先登录QQ互联官网，登录时所用的QQ号会和相关信息绑定，这一点要注重。

登录之后点击顶部导航栏右侧自己的QQ头像，进入开发者的注册/认证界面。

这里可以选择以“公司”或“小我私家”的身份注册为开发者。自己最最先用的是公司的相关资料来注册的，但总是提醒审核失败，却又不说为什么失败，最后爽性用小我私家信息注册，很快就乐成了。

PS：不知道用小我私家信息注册为开发者的话，权限方面会不会有什么限制。微信民众平台对小我私家开发者是有限制的，小我私家身份注册的民众号无法认证，民众平台的部门权限也无法挪用。

建立网站应用

要想让网站能够使用QQ登录功效，就必须先在QQ互联中建立网站应用。

在QQ互联网站顶部导航栏上，点击应用治理。点击页面中的网站应用这个标签，再点击建立应用，根据要求填写相关的信息即可。

注重这里需要填写两个 URL，一个是网站地址，也就是需要让用户能够通过QQ登录的网站。另一个是网站回调域，则是用户提议QQ登录请求之后，卖力与腾讯服务器通讯，实现QQ登录功效的URL，这两个URL要注重区分。

所建立的网站应用审核通过之后，点击查看按钮，在网站应用的详情界面，能看到为这个网站分配的APP ID和APP Key，后面实现QQ登录功效的时刻要用到。

另外，还能看到审核通过的网站应用，有两个可用的应用接口，第一个登录默认是开启的，第二个unionid需要手动开启，这里先把它开启了，后面说不定就用上了。

流程概述

接下来就需要编写代码，实现QQ登录功效了。这里先简要说明一下整体流程：

1. 根据要求接见指定网址，会显示QQ登录界面，选择QQ账号举行登录之后，会向之前所填写的 网站回调域 提议回调，回调URL中包罗Authorization Code（授权码）。
2. 网站回调域 用这个Authorization Code（授权码），连系其它数据，向指定的地址发送请求，接收到的响应中包罗Access Token（接见令牌）。
3. 网站回调域 再用Access Token（接见令牌） 向指定的地址发送请求，接收到的响应中包罗所登录QQ账号的 OpenID（不涉及用户隐私）。
4. 网站回调域 拿到用户的OpenID之后，连系前面获取到的Access Token以及其它数据，就可以挪用QQ的接口，实现特定的功效了。好比可以挪用get_user_info接口，获取登录用户的昵称、头像、性别，用来显示在前端页面中。

一、获取Authorization Code

在自己编写的登录页面，点击QQ图标之后，请求下面的地址：

https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=${appId}&redirect_uri=${redirectUrl}&state=${state}&scope=${scope}

上面的地址中，appId为网站应用的APP ID，redirectUrl为网站应用的网站回调域，state为用户自定义的字符串，scope为向用户所请求的授权列表。

scope之外的参数均为必填项，scope若是不写，则默认只请求对接口get_user_info举行授权，获取用户最基本的几项信息：QQ昵称、QQ头像、性别。

提议请求之后，会将用户导向到QQ官方的登录页面，用户在这个页面上选择需要登录的QQ号，点击“登录”，网站回调域就会收到的腾讯服务器所提议的回调。

好比之前所填写的 网站回调域 为a.com/api/getauthcode 的话，腾讯服务器就会向 网站回调域 发送如下请求：

GET /getauthcode?code=F91C6110********

在上面接收到的这个请求中，URL查询字符串里，code= 后面的字符串，就是腾讯服务器发来的Authorization Code。

二、获取Access Token

拿到Authorization Code，连系其它数据，请求如下地址：

https://graph.qq.com/oauth2.0/token?grant_type=authorization_code&client_id=${appId}&client_secret=${appKey}&code=${authCode}&state=${state}&redirect_uri=${redirectUrl}

网站回调域 会收到如下响应：

access_token=FF3A****&expires_in=7776000&refresh_token=2516****

其中就包罗了Access Token，而且这个Access Token有90天的有效期，但并不会根据官方文档所说的，用户再次登录时自动刷新，而是短时间（一天内）延续多次登录都不会刷新。

对于这个Access Token，官网建议开发者将其举行保留，以便后续挪用OpenAPI接见和修改用户信息时使用。

三、获取OpenID

有了Access Token之后，就可以用它来获取当前所登录QQ账号的OpenID了。请求如下地址：

https://graph.qq.com/oauth2.0/me?access_token=${accessToken}

网站回调域 会收到如下响应：

callback( {"client_id":"appId","openid":"openId"} );

上面的响应中包罗了 APP ID 和 OpenID，APP ID 可用来确认是否为正当的网站请求，OpenID 自然就是所登录QQ账号的 OpenID 了。

四、挪用接口接见数据

有了第二步获取到的获取Access Token，和第三部获取到的 OpenID，就可以拿来接见QQ的接口，获取用户的相关信息了。

好比以下面的方式请求 get_user_info 接口，就能够获取到用户昵称、QQ头像等信息。

https://graph.qq.com/user/get_user_info?access_token=${accessToken}&oauth_consumer_key=${appId}&openid=${openId}

原文链接：网站接入QQ登录功效  

链接: http://www.fly63.com/article/detial/4454