前段时间做个小项目,实现了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
有以下三个必须参数
- response_type 固定为token
- client_id为下图所示的APPID
- 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
请求参数:
- access_token,access_token为第一步返回的access_token;
- 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
请求参数:
- access_token,第一次请求时获得的access_token
- oauth_consumer_key,上方图片的APPID
- openid,第二次请求获取到的openid
请求示例
https://graph.qq.com/user/get_user_info?access_token=FE04***CCE&oauth_consumer_key=100000000&openid=xxxxxxxx
请求后返回用户数据,获取即可。
以上就是实现QQ登录、注册的基本步骤。
见此章结。