扫描二维码实现一键登陆

      第一次写博客,心情无比的激动,不知道怎么样写,才能表达得通俗易懂......数据库

      前段时间接到一个需求,说要在咱们的项目上面加一个扫码登陆的功能,就像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

相关文章
相关标签/搜索