使用QQ互联登录应用

QQ登录集成插件简介

互联网应用越来越多，通常每一个应用都会要求用户注册登录，粗略估记一下，QQ，微博，微信，银行帐号、邮箱，招聘网站账户，淘宝帐号，支付宝帐号，公司OA帐号....粗略算一下，十几个吧，如果每一个都记住，也挺难的，尤其是那些不常用的，可能几天登录一次，要求每个用户去注册，填一大堆资料也不合适，如果有一款大家都有的帐号，这些帐户包含一些通用的用户资料，并且开放出来，各应用能都获取，用户只需要记住一个帐户就OK了，对用户来讲，却是省去了一大堆的麻烦。

腾讯的QQ互联正好解决这个问题。作为一个资深网民，大家几乎没有人没有QQ号，上班的第一件事就是登录QQ。

为了让各平台的开发者更加方便和快速的接入QQ互联开放平台，社区论坛类站点的开发者无需进行代码编写，即可进行QQ登录的接入。这样用户登录QQ后就不用再登录应用了，直接从QQ互联中获取这个登录QQ的用户资料，利用腾讯开放出来的接口，发布说说、微博、添加关注既方便开发者又方便最终用户。

      本篇结合实际示例来讲 一个web应用怎么使用QQ互联。

 

看效果：

1，申请appid

使用QQ互联需要腾讯审核，审核挺快的，官方给的答复是一天内完成审核，实际从提交审核到批准，不到两个小时，

2，引用js sdk

<script type="text/javascript"
 src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="APPID" data-redirecturi="REDIRECTURI" charset="utf-8"></script> 

 

3,放置QQ登录按钮

<span id="qqLoginBtn" class="bonlog">一键登录</span>
                        <script type="text/javascript">
                            QC.Login({
                                //btnId：插入按钮的节点id，必选
                                btnId: "qqLoginBtn",
                                //用户需要确认的scope授权项，可选，默认all
                                scope: "all",
                                //按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S
                                size: "C_L"
                            }, function (reqData, opts) {//登录成功
                                
                            }, function (opts) {//注销成功
                            }
    );
                        </script>

 

4，回调里添加登录成功后的业务

 关于登录后的用户信息在 reqData对象里，具体的要根据用户点击的授权来定

我选择的是全部授权信息：

{
    "ret": 0,
    "msg": "",
    "is_lost": 0,
    "nickname": "浪花一朵朵",
    "gender": "男",
    "province": "浙江",
    "city": "宁波",
    "year": "1985",
    "figureurl": "http://qzapp.qlogo.cn/qzapp/222222/8EAF428CB2F15DEE786A8CA7898D5DCF/30",
    "figureurl_1": "http://qzapp.qlogo.cn/qzapp/222222/8EAF428CB2F15DEE786A8CA7898D5DCF/50",
    "figureurl_2": "http://qzapp.qlogo.cn/qzapp/222222/8EAF428CB2F15DEE786A8CA7898D5DCF/100",
    "figureurl_qq_1": "http://q.qlogo.cn/qqapp/222222/8EAF428CB2F15DEE786A8CA7898D5DCF/40",
    "figureurl_qq_2": "http://q.qlogo.cn/qqapp/222222/8EAF428CB2F15DEE786A8CA7898D5DCF/100",
    "is_yellow_vip": "0",
    "vip": "0",
    "yellow_vip_level": "0",
    "level": "0",
    "is_yellow_year_vip": "0"
}

大概说一下包含哪些，昵称，出生年份，所有省份，市，图像，是不是会员等信息，

获取当前登录用户的Access Token以及OpenID

Token是和QQ号一一对应的，腾讯不提供QQ号，用户可以把token保存到自己的数据库表中。

QC.Login.getMe(function(openId, accessToken){}):void 

5，利用开放api发表说说，分享等

具体的可以通过接口写一些空间说说，评论，分享，发微博，付款等，

点击查看详细api