微信二维码登录的原理

2019-03-02 01:06|来源: 网路

在电脑上使用微信时,你可能已经发现微信不提供传统的账号密码登陆,取而代之的是通过扫描二维码进行登陆。今天就要研究下次登陆方式微信时如何实现的?

1、每次用户打开PC端登陆请求,系统返回一个唯一的uid,并将uid的信息绘制成二维码返回给用户。这里的uid一定是唯一的,否则就会造成你登陆了其他用户的账号或者其他用户登陆你的账号。

2、当用户使用登陆后的微信扫描该二维码的时候,会将这个uid和手机上的微信账号及密码产生的token进行绑定,并上传到服务器

3、WEB通过JS不断的向后端发起请求,查询有没有关于uid的登陆记录(uid和token是否存在于服务器上)。实现代码可以从微信页面获取:

    function _poll(_asUUID) {
        var _self = arguments.callee,
            _nTime = 0;
        _sCurUUId = _asUUID;

        _logInPage("_poll Request Start, time: " + new Date().getTime());
        _nTime = new Date().getTime();
        $.ajax({
        type: "GET",
        url: "https://login." + _sBaseHost + "/cgi-bin/mmwebwx-bin/login?uuid=" + _asUUID + "&tip=" + show_tip,
        dataType: "script",
        cache: false,
        timeout: _nAjaxTimeout,
        success: function(data, textStatus, jqXHR) {
            _logInPage("_poll Request Success, code: " + window.code + ", time: " + (new Date().getTime() - _nTime) + "ms");
            switch (_aoWin.code) {
            case 200:
                _sSecondRequestTime = new Date().getTime() - _sSecondRequestTime;
                _logInPage("Second Request Success, time: " + _sSecondRequestTime + "ms");
                clearTimeout(_oResetTimeout);

                $.get(_aoWin.redirect_uri + "&fun=new", function(msg) {
                    _logInPage("new func reponse, reponseMsg: " + msg);
                    _reportNow("new func reponse, reponseMsg: " + msg);
                    var code = msg.match(/<script>(.*)<\/script>/);
                    if(code){
                        eval(code[1]);
                    }else{
                        $("#container").show();
                        $("#login_container").hide();
                    }
                });

                _reportNow("/cgi-bin/mmwebwx-bin/login, Second Request Success, uuid: " + _asUUID + ", time: " + _sSecondRequestTime + "ms");
                break;

            case 201:
                clearTimeout(_oResetTimeout);
                show_tip = 0;
                $('.errorMsg').hide();
                $('.normlDesc').hide();
                $('.successMsg').show();
                _logInPage("First Request Success");
                _reportNow("/cgi-bin/mmwebwx-bin/login, First Request Success, uuid: " + _asUUID);
//                setTimeout(function(){
                    _logInPage("Second Request Start");
                    _reportNow("/cgi-bin/mmwebwx-bin/login, Second Request Start, uuid: " + _asUUID);

                    _sSecondRequestTime = new Date().getTime();

                    _nAjaxTimeout = 5 * 1000;
                    _self(_asUUID);
//                }, 500);
                break;

            case 408:
                setTimeout(function(){
                    _self(_asUUID);
                }, 500);
                break;

            case 400:
            case 500:
                _reset();
                _afterLoadWebMMDo(function(){
                    _aoWin.Log.d("500, Login Poll Svr Exception");
                });
                break;
            }
        },
        error: function(jqXHR, textStatus, errorThrown) {
            if (textStatus == 'timeout') {
                setTimeout(function(){
                    _self(_asUUID);
                }, 500);
            } else {
                setTimeout(function(){
                    _self(_asUUID);
                }, 5000);

                _logInPage("_poll Request Error:" + textStatus);
                _afterLoadWebMMDo(function(){
                    _aoWin.Log.e("Login Poll Error:" + textStatus);
                });
            }
        }
        });
    }

网页客户端每500毫秒就向服务器发起ssl请求,请求当前二维码的登陆信息,如果返回结果201,则说明已经获取扫描二维码终端相同的账号登陆授权,当返回其他结果时,将在500毫秒之后重新发起请求。

类似微信登陆场景应用场景还是很多,比如通过二维码进行设备间的授权。比如使用手机遥控 装有android系统的电视盒等。

引用地址:http://www.biaodianfu.com/weixin-qrcode.html

转自:http://www.cnblogs.com/csn0721/p/3581297

相关问答

更多
  • 不清楚,但是我看融贝支付 的安卓app就可以实现你说的这些功能
  • 第一种扫一扫添加好友方式: 1.登陆微信,点击朋友们,进入“朋友们”界面 2.点击“添加朋友”,然后手机界面会出现一个“扫一扫” 3.点击“扫一扫”,在手机上面就会出现一个扫描取景框。 4.将自己的摄像头对准需要好友的二维码,让好友二维码出现在手机的取景框当中 5.扫描成功后,会在手机上面出现该账号信息,然后点击“关注”即可快速添加好友。 第二中扫一扫添加好友方式: 1.登陆手机微信,回到微信消息界面。然后点击右上角的“魔术棒” 2.点击魔术棒后,在弹出的菜单选项中选择"扫一扫".即可快速进入二维码扫一扫快 ...
  • 至于微信怎么扫描二维码 :其实是很简单的。 微信--朋友们--添加朋友--扫一扫 其实就这么简单了、不是很难。
  • 使用OAuth2.0引导用户跳转到redirect_uri的地址,跳转的时候会带上一个参数code,拿这个code调用 接口/wiki/index.php?title=%E7%BD%91%E9%A1%B5%E6%8E%88%E6%9D%83%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%E5%9F%BA%E6%9C%AC%E4%BF%A1%E6%81%AF
  • java可使用zxing生成二维码并为其添加信息。 以下是详细步骤: 1、创建MatrixToImageWriter类 import com.google.zxing.common.BitMatrix; import javax.imageio.ImageIO; import java.io.File; import java.io.OutputStream; import java.io.IOException; import java.awt.image.BufferedImage; public fi ...
  • 这个是不是ticket不对造成的~ 目前js也可以生成二维码了,我用过,挺好用的! git地址:github.com/jeromeetienne/jquery-qrcode
  • 是看不出来什么的,可以说几乎是一摸一样。不说这个,就是拿两个一般的二维码你大眼一扫也看不出来区别对不对?有病毒的二维码和正常的相比区别在哪儿你知道吗?之所以扫码会染毒,是因为扫描的这个二维码被有心人给恶意篡改植入了病毒,看起来没有区别,但是你扫描的过程实际上是病毒下载的过程,结果就是二维码没有扫描到,却安装了一堆病毒。 想安全扫描二维码也很简单的,别看我刚才说了一堆,其实你扫码前打开一个能够检测二维码安全性的软件就全部搞定。比如我吧,我用的腾讯手机管家5.0,每次扫码前我先打开它,它会自动检测我扫描的二维码 ...
  • 错误信息翻译过来,是“该token下生成的二维码数量已经超出范围了。” 但实际上,有可能该token已经失效了。(吐槽一下微信API接口写得稀烂…)
  • 按照微信API的开发者文档,扫描带参数的二维码后,服务端回收到两种类型的事件消息。不管是未关注还是已关注,在EventKey里面都带有二维码的场景参数。请自行度娘“微信 开发者文档”。
  • 绝大部分情况下不需要调用微信开放平台的接口,只用到了微信公众账号的开发者模式就完成了; 如果想进一步改善用户体验,需要使用服务号调用微信 网页授权获取用户基本信息 接口。 基本认证流程: 用户设备(手机、Pad、笔电)连接到Wi-Fi热点 提供热点的终端节点(路由器/AP)上的WiFiDog拦截用户网络,将用户HTTP请求转向到云端AC服务器 (可跳过)云端AC服务器返回网页提醒用户进行认证 (可跳过)用户在网页或APP里完成认证(开放认证、粉丝认证、自主或定制认证) 云端AC服务器通知终端节点放行 抛开更 ...