【QQ和新浪微博登陆第三方的简单实现】

一、微博登陆第三方

0、去开发平台完成开发者认证：链接地址 创建一个示例应用，获取APPKey

1. <script src=http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=3343891779
   

2. 
   

3. type="text/javascript" charset="utf-8"></script>

复制代码

2、部署html和js

1. <div id="wb_connect_btn"></div>
   

2. WB2.anyWhere(function(W){
   

3.     W.widget.connectButton({
   

4.         id: "wb_connect_btn",    
   

5.         type:"3,1",
   

6.         callback : {
   

7.             login:function(o){    //登录后的回调函数
   

8.             },    
   

9.             logout:function(){    //退出后的回调函数
   

10.             }
    

11.         }
    

12.     });
    

13. });

复制代码

3、wbml方式请参考文档：链接地址

二、QQ登陆第三方

0、注册成开发者：链接地址，创建一个web应用

1、获取appkey之后，参考js-sdk文档：链接地址

2、引用js,将下面代码中的“APPID”替换为申请接入QQ登录时获得的appid

1. <script type="text/javascript" src=http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js
   

2. 
   

3. data-appid="APPID"  charset="utf-8"></script>

复制代码

3、在html页面需要插入QQ登录按钮的位置，粘贴如下代码：

<span id="qqLoginBtn"></span>
<script type="text/javascript">
    QC.Login({
       btnId:"qqLoginBtn"    //插入按钮的节点id
});
</script>