阿赛·游梦鱼·郭言赛·阿赛工作室
技术分类

QQ和新浪微博登录组件JS+HTML

  •  字体:
  • 一、微博登陆第三方

    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

    "wb_connect_btn">
    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%...

    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>
    

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

    原文:http://www.ido321.com/1471.html

    Powered by EESai.Com ©  2017  阿赛工作室 All Rights Reserved
    本网站由 阿赛工作室 提供源代码技术支持.  备案号:苏ICP备08114364号
    网站地图建议反馈MapRssXml回到顶部