手机html调用qq第三方登录,js如何调用qq互联api实现第三方登录

qq互联js SDK：http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E

在页面header中引入：

data-appid="appid" data-redirecturi="huidiaodizhi(带http)"

charset="utf-8">

在body中加入下面信息：

//设置qq分享按钮

QC.Login(

{

btnId : "qqLoginBtn" //插入按钮的节点id

},

function(reqData, opts) {//登录成功

//根据返回数据，更换按钮显示状态方法

var dom = document.getElementById(opts['btnId']), _logoutTemplate = [

//头像

'',

//昵称

'{nickname}',

//退出

'退出' ]

.join("");

dom

&& (dom.innerHTML = QC.String

.format(

_logoutTemplate,

{

nickname : QC.String

.escHTML(reqData.nickname), //做xss过滤

figureurl : reqData.figureurl

}));

},

function(opts) {//注销成功

alert("注销成功！！");

});

//调用api授权

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);

});

}

});

QQ登录