首页 > 其他 > 详细

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

时间:2015-03-27 20:00:05      阅读:246      评论:0      收藏:0      [点我收藏+]

一、微博登陆第三方

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

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

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

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

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

4、效果:http://www.i94web.com/

 

二、QQ登陆第三方

0、注册成开发者: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

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

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

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

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

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

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

原文:http://blog.csdn.net/u011043843/article/details/44680579

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!