网站接入QQ互联教程五 OpenAPI调用说明_OAuth2.0

网站接入QQ互联教程五 OpenAPI调用说明_OAuth2.0

本步骤的作用
获取到Access Token和OpenID后,可通过调用OpenAPI来获取或修改用户个人信息。
本步骤在整个流程中的位置

上一步

获取用户OpenID_OAuth2.0

1. 前提说明

1. 该appid已经开通了该OpenAPI的使用权限。
API列表的接口列表中可以看到,有的接口是完全开放的,有的接口则需要提前提交申请,以获取访问权限。
2. 准备访问的资源是用户授权可访问的。
网站调用该OpenAPI读写某个openid(用户)的信息时,必须是该用户已经对你的appid进行了该OpenAPI的授权(例如用户已经设置了相册不对外公开,则网站是无法读取照片信息的)。
用户可以进入手机QQ->设置->隐私->授权管理,进行访问权限管理。
3. 已经成功获取到Access Token,并且Access Token在有效期内。

2. 调用OpenAPI接口

QQ登录提供了用户信息等OpenAPI(详见API列表),网站需要将请求发送到某个具体的OpenAPI接口,以访问或修改用户数据。
调用所有OpenAPI时,除了各接口私有的参数外,所有OpenAPI都需要传入基于OAuth2.0协议的通用参数:

参数含义
access_token可通过使用Authorization_Code获取Access_Token 或来获取。
access_token有30天有效期。
oauth_consumer_key申请QQ登录成功后,分配给应用的appid
openid用户的ID,与QQ号码一一对应。
可通过调用https://graph.qq.com/oauth2.0/me?access_token=YOUR_ACCESS_TOKEN 来获取。

3. 示例

1. 以get_user_info接口为例:
(请将access_token,appid等参数值替换为你自己的)

https://graph.qq.com/user/get_user_info?access_token=YOUR_ACCESS_TOKEN&oauth_consumer_key=YOUR_APP_ID&openid=YOUR_OPENID

2. 成功返回后,即可获取到用户数据:

{
   "ret":0,
   "msg":"",
   "nickname":"YOUR_NICK_NAME",
  ...
}

4. 下一步

获取用户的Access Token和OpenID,之后通过调用OpenAPI进行获取用户信息等操作。

网站接入QQ互联教程四 获取用户OpenID_OAuth2.0

网站接入QQ互联教程四 获取用户OpenID_OAuth2.0

本步骤的作用
通过输入在上一步获取的Access Token,得到对应用户身份的OpenID。
OpenID是此网站上或应用中唯一对应用户身份的标识,网站或应用可将此ID进行存储,便于用户下次登录时辨识其身份,或将其与用户在网站上或应用中的原有账号进行绑定。
本步骤在整个流程中的位置

上一步

server-side模式:请参见使用Authorization_Code获取Access_Token
client-side模式:请参见使用Implicit_Grant方式获取Access_Token

1 请求地址

PC网站:https://graph.qq.com/oauth2.0/me

2 请求方法

GET

3 请求参数

请求参数请包含如下内容:

参数是否必须含义
access_token必须在Step1中获取到的access token。
fmt可选因历史原因,默认是jsonpb格式,如果填写json,则返回json格式

4 返回说明

PC网站接入时,获取到用户OpenID,返回包如下(如果fmt参数未指定):

callback( {"client_id":"YOUR_APPID","openid":"YOUR_OPENID"} );

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

5 错误码说明

接口调用有错误时,会返回code和msg字段,以url参数对的形式返回,value部分会进行url编码(UTF-8)。
PC网站接入时,错误码详细信息请参见:100000-100031:PC网站接入时的公共返回码

网站接入QQ互联教程三 使用Authorization_Code获取Access_Token

网站接入QQ互联教程三 使用Authorization_Code获取Access_Token

本步骤的作用
通过用户验证登录和授权,获取Access Token,为下一步获取用户的OpenID做准备;
同时,Access Token是应用在调用OpenAPI访问和修改用户数据时必须传入的参数。
移动端应用可以直接获得AccessToken,请参考使用Implicit_Grant方式获取Access_Token
本步骤在整个流程中的位置

上一步

放置“QQ登录”按钮_OAuth2.0

1. 简介

即server-side模式,是OAuth2.0认证的一种模式,又称Web Server Flow;
适用于需要从web server访问的应用,例如Web网站。
其授权验证流程示意图如下(图片来源:OAuth2.0协议草案V21的4.1节 )


对于应用而言,需要进行两步:
1. 获取Authorization Code;
2. 通过Authorization Code获取Access Token

2. 过程详解

Step1:获取Authorization Code

请求地址
PC网站:https://graph.qq.com/oauth2.0/authorize
请求方法
GET
请求参数
请求参数请包含如下内容:

参数是否必须含义
response_type必须授权类型,此值固定为“code”。
client_id必须申请QQ登录成功后,分配给应用的appid。
redirect_uri必须成功授权后的回调地址,必须是注册appid时填写的主域名下的地址,建议设置为网站首页或网站的用户中心。注意需要将url进行URLEncode。
state必须client端的状态值。用于第三方应用防止CSRF攻击,成功授权后回调时会原样带回。请务必严格按照流程检查用户与state参数状态的绑定。
scope可选请求用户授权时向用户显示的可进行授权的列表。
可填写的值是API文档中列出的接口,如果要填写多个接口名称,请用逗号隔开。
例如:scope=get_user_info,list_album,upload_pic
不传则默认请求对接口get_user_info进行授权。
建议控制授权项的数量,只传入必要的接口名称,因为授权项越多,用户越可能拒绝进行任何授权。
display可选PC网站接入时使用。
用于展示的样式。不传则默认展示为PC下的样式。
如果传入“mobile”,则展示为mobile端下的样式。

返回说明
1. 如果用户成功登录并授权,则会跳转到指定的回调地址,并在redirect_uri地址后带上Authorization Code和原始的state值。如:
PC网站:http://graph.qq.com/demo/index.jsp?code=9A5F************************06AF&state=test
注意:此code会在10分钟内过期。
2. 如果用户在登录授权过程中取消登录流程,对于PC网站,登录页面直接关闭;
错误码说明
接口调用有错误时,会返回code和msg字段,以url参数对的形式返回,value部分会进行url编码(UTF-8)。
PC网站接入时,错误码详细信息请参见:100000-100031:PC网站接入时的公共返回码

Step2:通过Authorization Code获取Access Token

请求地址
PC网站:https://graph.qq.com/oauth2.0/token
请求方法
GET
请求参数
请求参数请包含如下内容:

参数是否必须含义
grant_type必须授权类型,在本步骤中,此值为“authorization_code”。
client_id必须申请QQ登录成功后,分配给网站的appid。
client_secret必须申请QQ登录成功后,分配给网站的appkey。
code必须上一步返回的authorization code。
如果用户成功登录并授权,则会跳转到指定的回调地址,并在URL中带上Authorization Code。
例如,回调地址为www.qq.com/my.php,则跳转到:
http://www.qq.com/my.php?code=520DD95263C1CFEA087******
注意此code会在10分钟内过期。
redirect_uri必须与上面一步中传入的redirect_uri保持一致。
fmt可选因历史原因,默认是x-www-form-urlencoded格式,如果填写json,则返回json格式

返回说明

如果成功返回,即可在返回包中获取到Access Token。 如(不指定fmt时):

access_token=FE04************************CCE2&expires_in=7776000&refresh_token=88E4************************BE14

参数说明描述
access_token授权令牌,Access_Token。
expires_in该access token的有效期,单位为秒。
refresh_token在授权自动续期步骤中,获取新的Access_Token时需要提供的参数。注:refresh_token仅一次有效

错误码说明
接口调用有错误时,会返回code和msg字段,以url参数对的形式返回,value部分会进行url编码(UTF-8)。
PC网站接入时,错误码详细信息请参见:100000-100031:PC网站接入时的公共返回码

Step3:(可选)权限自动续期,获取Access Token

Access_Token的有效期默认是30天,过期后需要用户重新授权才能获得新的Access_Token。本步骤可以实现授权自动续期,避免要求用户再次授权的操作,提升用户体验。
请求地址
PC网站:https://graph.qq.com/oauth2.0/token
请求方法
GET
请求参数
请求参数请包含如下内容:

参数是否必须含义
grant_type必须授权类型,在本步骤中,此值为“refresh_token”。
client_id必须申请QQ登录成功后,分配给网站的appid。
client_secret必须申请QQ登录成功后,分配给网站的appkey。
refresh_token必须首次:使用在Step2中获取到的最新的refresh_token。后续:使用刷新后返回的最新refresh_token
fmt可选因历史原因,默认是x-www-form-urlencoded格式,如果填写json,则返回json格式

返回说明
如果成功返回,即可在返回包中获取到Access Token。 如(不指定fmt时):
access_token=FE04************************CCE2&expires_in=7776000&refresh_token=88E4************************BE14。

参数说明描述
access_token授权令牌,Access_Token。
expires_in该access token的有效期,单位为秒。
refresh_token在授权自动续期步骤中,获取新的Access_Token时需要提供的参数。每次生成最新的refresh_token,且仅一次有效,一次登录,refresh_token整个续票过程,最长有效期:6个月。

错误码说明
接口调用有错误时,会返回code和msg字段,以url参数对的形式返回,value部分会进行url编码(UTF-8)。
PC网站接入时,错误码详细信息请参见:100000-100031:PC网站接入时的公共返回码

3. 快速上手

详见:开发攻略_Server-side

4. 其他资源

移动端应用可以直接获得AccessToken,请参考使用Implicit_Grant方式获取Access_Token 

网站接入QQ互联教程二 放置“QQ登录”按钮_OAuth2.0

网站接入QQ互联教程二 放置“QQ登录”按钮_OAuth2.0

本步骤的作用
在网站页面上放置“QQ登录”按钮,并为按钮添加前台代码,实现点击按钮即弹出QQ登录对话框。
本步骤在整个流程中的位置

上一步

准备工作_OAuth2.0

1. 下载“QQ登录”按钮图片,并将按钮放置在页面合适的位置

按钮图片下载: 点击这里下载 。
按照UI规范,将按钮放置在页面合适的位置:点击这里查看

2. 为“QQ登录”按钮添加前台代码

2.1 效果演示

用户在页面上点击“QQ登录”按钮,将触发QQ登录对话框,效果如下图所示:

2.2 前台代码

为了实现上述效果,应该为“QQ登录”按钮图片添加如下前台代码:

<img src=QQ登录图标文件在服务器上的地址 onclick=按钮点击事件>

2.3 代码示例

1. 写一个函数“toLogin()”,该函数通过调用“index.php”中的qq_login函数来实现将页面跳转到QQ登录页面。
(示例中的oauth/index.php,请参见从SDK下载页面下载PHP SDK,在Connect2.1文件夹下的index.php文件。)

<script>
 function toLogin()
 {
   //以下为按钮点击事件的逻辑。注意这里要重新打开窗口
   //否则后面跳转到QQ登录,授权页面时会直接缩小当前浏览器的窗口,而不是打开新窗口
   var A=window.open("oauth/index.php","TencentLogin",
   "width=450,height=320,menubar=0,scrollbars=1,
   resizable=1,status=1,titlebar=0,toolbar=0,location=1");
 }
</script>

2. 为按钮添加“toLogin()”事件:

 <a href="#" onclick='toLogin()'>
 <img src="img/qq_login.png"></a>

网站接入QQ互联使用QQ登录效果展示

网站接入QQ互联使用QQ登录效果展示

下面描述了一个网站使用“QQ登录”,并访问和修改QQ用户个人信息的整个过程。

注意
这里的描述意在简单的向网站开发者演示接入“QQ登录”需要进行哪些工作,以及效果如何。

3.1 网站上设置QQ登录入口

网站开发者可以在自己的网站首页入口和主要的登录、注册页面上放置“QQ登录”标识(见红色方框标记处)

3.2 用户选择用QQ帐号登录

用户点击按钮之后弹出QQ登录的窗口,在登录窗口中将显示网站自己的Logo标识,网站名称以及首页链接地址。
如下图所示:


如果用户已登录QQ软件,就不用重复输入帐号密码,可以一键实现快速登录并且可以选择授权允许网站访问自己的相关信息:
如下图所示:

3.3 用户进行帐号绑定

若用户已在该网站注册,则网站可引导用户进行帐号绑定,下次使用QQ帐号登录时,可以同时看到两个帐号的所有信息。
强烈建议网站允许跳过此步,而让用户在登录成功后,在网站设置中选择性绑定,以降低用户登录门槛,提升体验。如下图所示:

3.4 用户成功登录网站

用户授权后成功登录网站,在网站上显示用户登录昵称与QQ头像。
建议网站在首页或顶部显示用户通过QQ帐号的登录状态,使用户体验一致,包括用户昵称、QQ头像,如下图所示:

我们提供了各种网站接入OpenAPI给开发者,网站可以调用这些API来实现需要的功能,使登录用户在网站上即可访问和修改QQ用户受保护的个人信息。

QQ互联网站应用接入方式介绍

QQ互联网站应用接入方式介绍

第三方网站主要通过使用“QQ登录”接入QQ互联开放平台。
“QQ登录”是QQ互联开放平台提供给第三方网站的一种服务。
“QQ登录”可以让用户使用QQ帐号在第三方网站上登录,分享内容、同步信息,大大降低了用户注册的门槛。
同时,第三方网站根据用户提供的绑定信息,将用户在网站上发布的内容同步发布到QQ空间的个人动态中,从而借助QQ空间庞大的用户群,使网站的信息能通过好友关系得到进一步的传播,提升网站的访问量和用户数。

QQ互联网站应用接入介绍

QQ互联网站应用接入介绍

QQ互联开放平台为第三方网站提供了丰富的API。第三方网站接入QQ互联开放平台后,即可通过调用平台提供的API实现用户使用QQ帐号登录网站功能,且可以获取到腾讯QQ用户的相关信息。
第三方网站也可以调用腾讯方提供的API实现网站的分享、评论、邀请等功能,即网站的社交化功能。且可以将相关信息同步到QQ空间、腾讯朋友、腾讯微博等平台,建立网站与腾讯各平台的互动关系,利用庞大的QQ用户群来实现网站的快速传播。
网站接入QQ互联开放平台后,您将获得:
海量新用户:用户使用已有的QQ号码即可登录网站,QQ一键登录更可减少登录交互操作,大大降低网站注册门槛,给网站带来海量新用户。
活跃的访问量:已登录用户可以将在网站上发布、分享的信息即时同步到QQ空间,使网站内容通过QQ好友关系链得到进一步的传播,从而提升网站的访问量。
丰富的开放API:网站可以通过用户资料接口获取用户的空间昵称和头像,来丰富用户注册资料。此外,还可以通过说说,相册,日志等开放接口使用户直接在网站上访问或修改他们在QQ空间、腾讯朋友、腾讯微博上的数据,与腾讯各平台实现更进一步的互联互通。