iwebshop微信扫码登陆PC电脑端插件

插件下载

本地下载

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);     //关闭登陆定时器
    }
});
最后修改:2018 年 11 月 29 日 05 : 12 PM
如果觉得我的文章对你有用,请随意赞赏

发表评论