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中引入：<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中加入下面信息：

//设置qq分享按钮
QC.Login(
{
btnId : "qqLoginBtn" //插入按钮的节点id
},
function(reqData, opts) {//登录成功

//根据返回数据，更换按钮显示状态方法
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("注销成功！！");
});
//调用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);
});
}
});

</script>
<div class="lib_tiv shadow">
<h3 class="logo">QQ登录</h3>
</div>

js调用qq互联api实现第三方登录相关推荐

php中qq授权登录,ThinkPHP利用QQ互联实现网站第三方登录（QQ登录）
接入QQ互联平台后,我们就可以让用户通过QQ帐号登录来登陆我们的网站,这样减少了注册的繁琐,可以更快 .更便捷的为了我带来更多的用户,下面我们一一起来看下如何通过QQ互联来实现第三方登录. ####申 ...
通过QQ互联实现网站第三方登录
实现qq的第三方登录我们用到了QQ互联,下面是具体的实现方案一:首先注册申请QQ互联账号并且关联相应的网站,从而获得APP ID以及 APP Key 二:下载相应的SDK(下载地址:http://w ...
Node.JS调用企业微信API：生成渠道二维码
目标: 通过API设置成员的"联系我"方式生成渠道标识二维码,实现标记客户扫码渠道,方便个渠道客户信息统计等. 实现环境: 白码低代码平台(该平台提供企业微信API,可直接调用,减 ...
快递接口API：用JS调用快递鸟API接口进行快递单号查询
本文实例为大家分享了JS调用快递鸟API接口,来实现600多家的物流轨迹查询,完成快递单号查询的具体代码,供大家参考,具体内容如下只需要一步,新建一个Text文本,把下面这段代码复制进去,替换你自己 ...
python调用qq互联_Django项目中实现使用qq第三方登录功能
使用qq登录的前提是已经在qq互联官网创建网站应用并获取到QQ互联中网站应用的APP ID和APP KEY 1,建路由 # qq登录 path('loginQq/',qq.loginQq,name=' ...
PHP调用QQ互联接口实现QQ登录网站
调用QQ登录接口,首先要到QQ互联完善开发者认证信息,并通过审核,然后创建一个网站应用,获得APP ID和APP Key,通过审核后即可调用基本接口get_user_info(获得用户信息),实现QQ ...
js封装QQ音乐api
QQ音乐api文档地址:QQ音乐api文档封装好后的api文件地址:需要引入请求封装文件-/ajax.js https://github.com/1015770492/yumbo-vue/blob/ ...
前端js调用百度翻译api接口
目录 1.到百度翻译开放平台注册自己的账号 2.编辑html代码,设计一个简易的页面 3.远程调用百度翻译api 4.完整代码 5.测试到百度翻译开放平台注册自己的账号 (1)进入网页:开放平台官网 ...
js调用QQ进程的方法总结
2019独角兽企业重金招聘Python工程师标准>>> 调用QQ有两种写法,如下 1 http方式 location.href = "http://wpa.qq.com ...
heatmap.js调用百度地图api做热力图
做热力图使用heatmap.js模块然后就是来挑用百度地图api是他展现在百度地图上面一首先你要申请一个百度地图api接口的密钥申请网址申请密钥之后,先登录上自己的账号然后创建应用三就是来取一 ...

js调用qq互联api实现第三方登录

js调用qq互联api实现第三方登录相关推荐

最新文章

热门文章