js如何調(diào)用qq互聯(lián)api實現(xiàn)第三方登錄

字號:


    qq互聯(lián)js sdk:
    代碼如下:
    <script type=text/javascript>
    在頁面header中引入:<script type=text/javascript
    src=http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js
    data-appid=appid data-redirecturi=huidiaodizhi(帶http)
    charset=utf-8></script>
    在body中加入下面信息:
    //設(shè)置qq分享按鈕
    qc.login(
    {
    btnid : qqloginbtn //插入按鈕地節(jié)點id
    },
    function(reqdata, opts) {//登錄成功
    //根據(jù)返回數(shù)據(jù),更換按鈕顯示狀態(tài)方法
    var dom = document.getelementbyid(opts['btnid']), _logouttemplate = [
    //頭像
    '<span><img src={figureurl} class={size_key}/></span>',
    //昵稱
    '<span>{nickname}</span>',
    //退出
    '<span><a href=javascript:qc.login.signout();>退出</a></span>' ]
    .join();
    dom
    && (dom.innerhtml = qc.string
    .format(
    _logouttemplate,
    {
    nickname : qc.string
    .eschtml(reqdata.nickname), //做xss過濾
    figureurl : reqdata.figureurl
    }));
    },
    function(opts) {//注銷成功
    alert(注銷成功!!);
    });
    //調(diào)用api授權(quán)
    qc.api(get_info, {
    oauth_consumer_key : appid //這個可以不用傳遞
    }).success(function(s) {
    if (qc.login.check()) {//檢測是否成功登錄,并彈出openid和accesstoken
    qc.login.getme(function(openid, accesstoken) {
    alert(openid+ +accesstoken);
    });
    }
    });
    </script>
    <div class=lib_tiv shadow>
    <h3 class=logo>qq登錄</h3>
    </div>