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

àì夳堔傛蜴生んèń 2022-08-07 08:57 326阅读 0赞

**一、微博登陆第三方**

0、去开发平台完成开发者认证：[http://open.weibo.com/developers/basicinfo][http_open.weibo.com_developers_basicinfo]  创建一个示例应用，获取APPKey

1、登陆有两种方式：js+html和WBML部署。以js+html为例，申请到APPKey之后，引入js,要替换掉appkey参数

2、部署html和js

<div id="wb_connect_btn"></div>
    WB2.anyWhere(function(W){
        W.widget.connectButton({
            id: "wb_connect_btn",    
            type:"3,1",
            callback : {
                login:function(o){    //登录后的回调函数
                },    
                logout:function(){    //退出后的回调函数
                }
            }
        });
    });

3、wbml方式请参考文档： [http://open.weibo.com/wiki/Weibo-JS\_V2][http_open.weibo.com_wiki_Weibo-JS_V2]

4、效果：[http://www.i94web.com/][http_www.i94web.com]

**二、QQ登陆第三方**

0、注册成开发者：[http://connect.qq.com/manage/reg][http_connect.qq.com_manage_reg]，创建一个web应用

1、获取appkey之后，参考js-sdk文档：[http://wiki.connect.qq.com/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5%E6%B5%81%E7%A8%8B][http_wiki.connect.qq.com_E7_BD_91_E7_AB_99_E6_8E_A5_E5_85_A5_E6_B5_81_E7_A8_8B]

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

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

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

4、效果： [http://www.i94web.com/][http_www.i94web.com]

原文： [http://www.ido321.com/1471.html][http_www.ido321.com_1471.html]

[http_open.weibo.com_developers_basicinfo]: http://open.weibo.com/developers/basicinfo
[http_open.weibo.com_wiki_Weibo-JS_V2]: http://open.weibo.com/wiki/Weibo-JS_V2
[http_www.i94web.com]: http://www.i94web.com/
[http_connect.qq.com_manage_reg]: http://connect.qq.com/manage/reg
[http_wiki.connect.qq.com_E7_BD_91_E7_AB_99_E6_8E_A5_E5_85_A5_E6_B5_81_E7_A8_8B]: http://wiki.connect.qq.com/%E7%BD%91%E7%AB%99%E6%8E%A5%E5%85%A5%E6%B5%81%E7%A8%8B
[http_www.ido321.com_1471.html]: http://www.ido321.com/1471.html