js 接入qq sina授权登录
2013-10-28 12:56
260 查看
在接入登录授权之前需要你去申请 APP key
1.接入qq
<1>引入js
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
data-appid="100229030" charset="utf-8"></script>
<2>按钮的放置
<span id="qqLoginBtn"></span>
<script type="text/javascript">
QC.Login({
btnId:"qqLoginBtn"
//插入按钮的节点id
});
</script>
<3>回调函数
<script type="text/javascript">
var paras = {};
QC.api("get_user_info", paras)
.success(function(s){//成功回调
alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
})
.error(function(f){//失败回调
alert("获取用户信息失败!");
})
.complete(function(c){//完成请求回调
alert("获取用户信息完成!");
});
</script>
<4>分享
<script type="text/javascript">
//从页面收集openapi必要的参数
var paras = {
images:"http://y.photo.qq.com/img?s=OnbP8BwOF&l=y.jpg",
title:"#QQ互联JSSDK测试#我是标题啊标题",
url:"http://connect.qq.com/",
comment:"我是评论:转发原因",
summary:"我是摘要:内容说明"
};
//用jssdk调用openapi
QC.api("add_share", paras)
.success(function(s){//请自行改写成功回调
alert("分享成功,请到空间内查看!");
})
.error(function(f){//请自行改写失败回调
alert("分享失败!");
})
.complete(function(c){//请自行改写完成请求回调
alert("分享完成!");
});
</script>
只需要这几步就可以完成授权登录了,分享是你看的业务是否需要
查看效果地址:http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html
2.新浪授权登录
1.导入js
<!-- Sina第三方登录JS导入 -->
<script type="text/javascript" src=" http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=1442532107" charset="utf-8"></script>
2.按钮放置的位置
<!--start sina账号登录平台-->
<span id="wb_connect_btn"></span>
<script type="text/javascript">
WB2.anyWhere(function(W){
W.widget.connectButton({
id: "wb_connect_btn",
callback : {
login:function(o){
//登录成功之后执行
alert(o.screen_name);
},
logout:function(){
//退出之后执行
alert('退出之后执行');
}
}
});
});
</script>
<!-- end sina账号登陆平台 -->
1.接入qq
<1>引入js
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
data-appid="100229030" charset="utf-8"></script>
<2>按钮的放置
<span id="qqLoginBtn"></span>
<script type="text/javascript">
QC.Login({
btnId:"qqLoginBtn"
//插入按钮的节点id
});
</script>
<3>回调函数
<script type="text/javascript">
var paras = {};
QC.api("get_user_info", paras)
.success(function(s){//成功回调
alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
})
.error(function(f){//失败回调
alert("获取用户信息失败!");
})
.complete(function(c){//完成请求回调
alert("获取用户信息完成!");
});
</script>
<4>分享
<script type="text/javascript">
//从页面收集openapi必要的参数
var paras = {
images:"http://y.photo.qq.com/img?s=OnbP8BwOF&l=y.jpg",
title:"#QQ互联JSSDK测试#我是标题啊标题",
url:"http://connect.qq.com/",
comment:"我是评论:转发原因",
summary:"我是摘要:内容说明"
};
//用jssdk调用openapi
QC.api("add_share", paras)
.success(function(s){//请自行改写成功回调
alert("分享成功,请到空间内查看!");
})
.error(function(f){//请自行改写失败回调
alert("分享失败!");
})
.complete(function(c){//请自行改写完成请求回调
alert("分享完成!");
});
</script>
只需要这几步就可以完成授权登录了,分享是你看的业务是否需要
查看效果地址:http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html
2.新浪授权登录
1.导入js
<!-- Sina第三方登录JS导入 -->
<script type="text/javascript" src=" http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=1442532107" charset="utf-8"></script>
2.按钮放置的位置
<!--start sina账号登录平台-->
<span id="wb_connect_btn"></span>
<script type="text/javascript">
WB2.anyWhere(function(W){
W.widget.connectButton({
id: "wb_connect_btn",
callback : {
login:function(o){
//登录成功之后执行
alert(o.screen_name);
},
logout:function(){
//退出之后执行
alert('退出之后执行');
}
}
});
});
</script>
<!-- end sina账号登陆平台 -->
相关文章推荐
- 通过js sdk 来进行第三方登录及授权(微博,微信,qq)
- QQ/微信授权登录js
- 第三方QQ,Sina登录平台 JS sdk
- 通过js sdk 来进行第三方登录及授权(微博,微信,qq)
- iOS开发集成友盟,腾讯QQ登录授权失败
- qq授权三方登录 web端
- QQ第三方授权登录(带详细源码)
- JS_SDK实现QQ第三方登录
- 微博、QQ第三方登录接入流程总结
- Android之QQ授权登录获取用户信息
- 友盟第三方QQ登录的时候出现授权失败110406
- qq授权登录
- Android接入微信SDK之一:发起微信授权登录
- 利用JS_SDK实现QQ第三方登录
- 在自己的网站上实现QQ授权登录
- QQ授权登录
- web接入QQ第三方登录
- Unity3D 使用ShareSDK进行QQ授权登录
- 关于QQ授权登录
- 关于QQ第三方授权登录总是提示安装最新版的QQ问题