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

把当前文件夹放到插件目录 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);		//关闭登陆定时器
	}
});

本地附件下载

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


论坛下载

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

大卫博客
请先登录后发表评论
  • 最新评论
  • 总共0条评论