【QQ登录】网站接入

QQ互联为开发者提供了多样化的接入方案,使网站主可以根据自身的要求选择适合的合作方案。
1. 需要快速接入的网站可使用QQ互联社交组件,包括:分享、关注,赞,签名档,评论等组件,以实现网站的社交化;

2. 网站还可以接入QQ登录,QQ登录使网站可以免除注册的流程,并充分利用庞大的QQ用户群来实现快速传播;

3. 此外,QQ互联提供了丰富的API,已经接入QQ登录的网站可以申请API调用权限。结合腾讯公司各大平台充分的资源,网站可以更深入的了解用户信息,进行内容传播、品牌推广,沉淀UGC内容等等。

网站可根据自身需求,按照如下顺序依次接入QQ互联,增加人气,吸引更多的用户与流量。

目录

1. 社交组件

不需要注册验证,网站只需简单的添加几行HTML代码,就可以使用QQ互联的社交组件:
-将网站内容进行广泛的分享;
-增加网站的关注度;
-展示用户与其好友在您网站上的动作,从而增加归属感与停留时间…

分享组件 关注组件 赞组件 签名档组件 评论组件(即将推出)


2. QQ登录

网站接入QQ登录后,用户只需要使用QQ账号密码就可登录,简化用户注册流程,更有效率的提高转化用户流量;同时可借助QQ的用户基础,获取到网站所需的用户资料及传播资源。

2.1 提交接入申请

接入QQ登录前,网站需首先进行申请,获得对应的appid与appkey,以保证后续流程中可正确对网站与用户进行验证与授权。
现在就去申请
为了保障QQ用户登录第三方的安全性,避免违法站点/应用频繁调用QQ用户信息,并大量发送信息以致骚扰到其他好友群体,QQ互联平台对开发中、未提交审核、审核未通过的第三方应用采取"仅协作者帐号能登录"的限制。请未提交上线申请的应用/网站尽快到QQ互联官网进行资料完善补充,提交上线。如果您的站点/应用尚未全量对外开放,处在开发中状态的,也请尽快到QQ互联平台管理中心,在"编辑信息"中进行协作者帐号设置,对此造成的不便,请您谅解。

详细信息请查看【QQ登录】协作者帐号设置

2.2 接入方式

QQ登录使用国际通用的OAuth2.0协议进行验证与授权,网站可通过两种方式接入:
(1)使用QQ互联提供的SDK包,用户体验统一,只需要修改少量代码,不需要理解验证授权流程,需要快速接入QQ登录的应用可选用此方法。
详见:【QQ登录】SDK下载
QQ登录JS SDK详见:【QQ登录】JS SDK使用说明
(2)根据QQ登录OAuth2.0协议,自主开发,此方法自定义程度较高,需要与现有系统进行整合的网站可选用此方法。
详见:【QQ登录】OAuth2.0开发文档

2.3 接入流程概述

QQ登录接入流程主要包括如下几个步骤:

2.3.1 网站上设置QQ登录入口

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

connect_summary_1.png



网站需要下载官方提供的“QQ登录”按钮图片,并按照UI规范将按钮放置在页面合适的位置。
按钮图标下载 按钮放置规范

2.3.2 用户登录验证和授权

1. 用户点击QQ登录按钮之后,弹出QQ登录窗口,在登录窗口中将显示网站自己的Logo标识,网站名称以及首页链接地址。
如果用户已登录QQ软件,也可以一键快速登录。
如下图所示:

OAuth_guide_V2_3.png

2. 成功登录后,弹出授权框引导用户授权(仅在第一次成功登录,以及第一次访问某个未授权的OpenAPI时会出现授权页),如下图所示:
OAuth_guide_V2_6.png

授权框中的授权列表由网站自行配置,详见scope参数说明。建议控制授权项的数量,只传入必要的接口名称,因为授权项越多,用户越可能拒绝进行任何授权。


具体实现详见:
开发攻略_Server-side的Step2和Step3
开发攻略_Client-side的Step2

2.3.3 登录和授权完成后,跳转回网站

如果用户成功登录并授权,则跳转到指定的回调地址,该回调地址由第三方网站自行配置(在上一步的请求中传入),回调地址建议设置为网站首页或网站的用户中心。

2.3.4 获取并存储access token以及openid

成功登录后,即可发送请求来获取access token以及openid,这两个参数在调用OpenAPI访问和修改用户数据时必须传入,网站需自行绑定或存储:
(1)access token用来判断用户在本网站上的登录状态,具有3个月有效期,用户再次登录时自动刷新。
(2)openid是此网站上唯一对应用户身份的标识,网站可将此ID进行存储便于用户下次登录时辨识其身份,或将其与用户在网站上的原有账号进行绑定。

2.3.5 在网站上显示用户登录昵称与QQ头像

建议网站调用get_user_info接口,在首页或顶部显示用户通过QQ帐号的登录状态,使用户体验一致,包括用户昵称、QQ头像,如下图所示:

connect_summary_5.png

详见:【QQ登录】get_user_info

3. API与JS SDK

已经成功接入QQ登录的网站,可以使用QQ互联提供的丰富的API资源:
-借助QQ庞大的用户资料库更详细深入的理解用户;
-同步用户动态,借助QQ空间、朋友网、腾讯微博三大SNS平台对网站内容进行传播;
-获得腾讯三大SNS平台能力,借助关系链增加网站上的用户活跃;
-增加网站对应认证空间的粉丝…

下图展示了动态同步:
connect_summary_6.png

1. 我们提供了各种OpenAPI给开发者,网站可以调用这些API来实现需要的功能,使登录用户在网站上即可访问和修改QQ空间受保护的资源。
API共分以下几类:用户信息、同步动态、UGC内容传播、品牌推广…
API列表 API调用说明

2. 为方便网站快速使用这些API,QQ互联提供了JS-widget, JS-widget是JS封装的SDK,只需要在网站引入JS文件,就可以用封装好的方法访问对应的API,开发简单。
【QQ登录】JS SDK使用说明

4. 集成插件

社区类站点可以使用集成插件快速接入QQ登录,详见【QQ登录】集成插件

5. WAP网站接入

上述文档主要是针对WEB以及XHTML格式的网站。
WAP网站接入QQ登录可基于OAuth1.0协议和OAuth2.0协议。
基于OAuth1.0协议:接入过程详见【QQ登录】开发攻略。该攻略对于一般网站和WAP网站接入都适用,每一步中WAP网站接入时需特别注意的地方特别用红色标注。
基于OAuth2.0协议:接入过程详见【QQ登录】OAuth2.0开发文档。该文档对于一般网站和WAP网站接入都进行了说明。

以上信息是否解决您的问题?

Copyright © 1998 - 2018 Tencent. All Rights Reserved.

腾讯公司 版权所有

有问必答 返回顶部