插件下载

本地下载

H5或公众号扫码登陆PC.rar

论坛下载

http://bbs.aircheng.com/read-40663

把当前文件夹放到插件目录 plugins/，在后台开启插件并配置。

有三种使用方法

方法一：

登陆页面代码增加轮询：

<script type="text/javascript">
setInterval(function(){
    $.get("{url:/simple/checklogin}",function(ret){
        if(ret == 'ok'){
            window.location.href = '{url:/ucenter/index}';
        }
    });
},1500);
</script>

登陆页面二维码获取：

<img src="{echo:plugin::trigger("loginqrimg")}" />

方法二：

借用第三方生成二维码，比如联图等

其他高级用法，按需加载二维码图片，不用时关闭定时器轮询：

$(".scanimg").remove();
$.get("/simple/loginqrimg",function(ret){
    $("#scanlogo").append("<img class='scanimg' src='"+ ret +"' width='375' height='375' />");
});

//启动定时器 检查登陆状态
<script type="text/javascript">
timerscanWeixin = setInterval(function(){
    $.get("/simple/checklogin",function(ret){
        if(ret == 'ok'){
            window.location.href = '/ucenter/index';
        }
    });
},1500);
</script>

//关闭登陆定时器
if (typeof timerscanWeixin !="undefined")
{
    clearInterval(timerscanWeixin);     //关闭登陆定时器
}

方法三：

客户端本地生成二维码

1.设置二维码容器

<script src='/public/js/qrcode/qrcode.min.js'></script>
<div id="qrcode" align="center"></div>

2.添加锚点

<a class="J_scanWeixin">微信登录</a>

3.添加点击锚点触发执行的代码

$('.J_scanWeixin').click(function(){
    $("#qrcode").empty();  //清空元素
    $.get("/simple/loginqrimg",function(ret){
        new QRCode(document.getElementById("qrcode"), ret);       //绘制二维码
    });
 
    //启动定时器 检查登陆状态 
    timerscanWeixin = setInterval(function(){
        $.get("/simple/checklogin",function(ret){
            if(ret == 'ok'){
                window.location.href = '/ucenter/index';
            }
        });
    },1500);
});

4.在合适的位置放上关闭定时器代码：

<a class="close">关闭</a>

$('.close').click(function(){
    if (typeof timerscanWeixin !="undefined")
    {
        clearInterval(timerscanWeixin);     //关闭登陆定时器
    }
});

版权属于：大卫科技Blog

本文链接：http://www.iyuu.cn/archives/15/

转载时须注明出处