js 接入qq sina授权登录

在接入登录授权之前需要你去申请 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账号登陆平台 -->