第一次写博客,心情无比的激动,不知道怎么样写,才能表达得通俗易懂......数据库
前段时间接到一个需求,说要在咱们的项目上面加一个扫码登陆的功能,就像QQ、微信同样,我立刻就上网查了一些资料,感受和咱们的系统不搭,后来通过几位大神的指点终于实现了该功能。微信
一、首先用你的微信绑定要登陆的那个帐号post
扫描二维码跳转到绑定帐号那个页面,注意,只能使用微信扫描,由于要受权,这个时候须要传两个参数过去,一个是guid,还有一个是你要绑定的这个帐号的id,传这两个参数的意义在与,guid能够找到是用哪台电脑绑定,由于咱们的系统,一个帐号能够在多台电脑上同时登陆。id是为了找到你要绑定的那个帐号,点击确认,往数据库插入一条数据,成功以后显示绑定成功。ui
二、开始登陆spa
在登陆页面里面加入一个定时器code
$(function () { var interval; //点击展现二维码 $(".login-2wm").click(function () { $(".login_formdiv").toggle(); $(".login-2wm span").toggle(); $(".login_title p.login_title_p").toggle(); if (interval == undefined) { interval = setInterval(Qrcode, "3000"); } }); }); //监控 function Qrcode() { $.get('/WxWeb/QRCodeLogin/Check',//要验证的连接 { guid: '<%=guid %>'//防止登陆出错 }, function (res) { if (res.Code) { $.post('../tools/QrLogin.ashx',//进行验证模拟用户登陆 { mid: res.MId,//验证成功后,传回来的帐号id guid: res.Guid }, function (testData) { if (testData.agentLevel == -1000) { $.dialog.alert(testData.description); } else if (testData.agentLevel > 0) { window.location.href = "xxx.aspx"; } else { window.location.href = "xxx.aspx"; } }, "JSON" ); } }, "JSON"); }; </script>
定时器的意义在于,实时监控验证那个页面,验证页只须要受权拿到openid以后,到数据库里面去匹配,匹配成功以后返回帐号的id,当我获得我须要的参数以后,我再post一个请求去模拟用户登陆,这样就登陆成功了,是否是很简单,第一次写,写的很差,不喜勿喷哦!orm