【QQ】网站实现QQ登录

前段时间做个小项目，实现了QQ登录，实现的时候发现目前网上没有太多教程，鉴于此，写下这篇文章。
实现QQ登录的前提

• 有已备案过的域名
• 在QQ互联已经注册成为开发者

接下来说一下大体流程，以网站为例

首先需要创建应用，创建应用时需要填写回调地址，这个回调地址是向腾讯发送get请求后，获得有关于用户参数的数据返回的地址，之后可以在通过获取的参数进行其他操作。

一、创建应用

打开QQ互联个人页面，点击创建应用

填写资料

网站地址以https://www.qq.com/为例
回调地址可以为
https://www.qq.com/logon/qq
或https://www.qq.com/qq
或https://www.qq.com/login/qqapi，这个是自定义的
提供方写自己就行

创建应用时需要注意，该域名能被访问，该网站需要有用户系统，需要在登录页面显眼处放置QQ登录按钮，并且能跳转到QQ登录页面

QQ登录按钮需要有事件，这个事件是跳转到QQ登录的页面，调转地址如下：
地址：https://graph.qq.com/oauth2.0/authorize

有以下三个必须参数

1. response_type 固定为token
2. client_id为下图所示的APPID
   ​
3. redirect_uri为回调地址，需要注意的是需要将url进行URLEncode
   其余参数为可选参数，可根据需求获取，请见QQ互联文档
   此处以APPID为100000000，回调地址为https://www.qq.com/logon/qq为例
   则QQ登录按钮应跳转至：

https://graph.qq.com/oauth2.0/authorize？response_type=token&client_id=100000000&redirect_uri=https%3A%2F%2Fwww.qq.com%2Flogon%2Fqq

用户登录后，就会返回
https://www.qq.com/logon/qq?#access_token=FE04***CCE2&expires_in=7776000
其中expires_in为access_token的有效时长，单位为秒。

二、获取OpenID

QQ互联文档原话：openid是此网站上唯一对应用户身份的标识，网站可将此ID进行存储便于用户下次登录时辨识其身份，或将其与用户在网站上的原有账号进行绑定。

因此，我们可以将可以获取OpenID进行判断是登录用户还是注册新用户。
获取OpenID：
请求地址：https://graph.qq.com/oauth2.0/me
请求参数：

1. access_token，access_token为第一步返回的access_token；
2. fmt，填写json即可，具体原因请见QQ互联文档

请求示例

https://graph.qq.com/oauth2.0/me?access_token=FE04***CCE&fmt=json

返回值为json对象，获取其中的openid即可

三、获取用户基本信息

如果用户需要注册成为新用户，我们不但需要用户的openid，还需要用户的QQ头像和昵称，我们需要继续发送get请求
请求地址：https://graph.qq.com/user/get_user_info
请求参数：

1. access_token，第一次请求时获得的access_token
2. oauth_consumer_key，上方图片的APPID
3. openid，第二次请求获取到的openid

请求示例

https://graph.qq.com/user/get_user_info?access_token=FE04***CCE&oauth_consumer_key=100000000&openid=xxxxxxxx

请求后返回用户数据，获取即可。

以上就是实现QQ登录、注册的基本步骤。
见此章结。