微信、支付宝网页端扫码登录实现原理

最新推荐文章于 2024-02-21 20:02:45 发布

nbskycity

最新推荐文章于 2024-02-21 20:02:45 发布

阅读量1.2w

点赞数 1

分类专栏：微信支付宝二维码登录文章标签：二维码登录

本文链接：https://blog.csdn.net/nbskycity/article/details/53064432

版权

微信支付宝二维码登录专栏收录该内容

0 篇文章 0 订阅

订阅专栏

微信与支付宝的扫码登录是有一些区别的，微信目前是一个持续27s的长连接请求；而支付宝是持续循环的短连接请求。其实原理是一样的。

首先，前端调用二维码接口，获取图片二维码以及用户唯一表示uid，然后与服务器建立长连接请求，询问是否有用户扫码登录。

用户用APP扫码之后，会请求服务器接口，将用户信息与二维码的uid绑定，前端的长连接就可以请求到当前uid对应的用户，从而进行登录操作。

前端的长连接请求类似以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<body>
    <div id="divCon">
        <img src="" id="QrCodeImg" />
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function() {
        var uuid = 131422035;
        function validateLogin(){
            $.get("/walletadminV2/api/testServlet/testLogin?uuid=" + uuid , function(data, status) {
                if(data == ""){
                    validateLogin();
                }else{
                    var obj = eval("(" + data + ")");
                    alert("登录成功了:" + obj.uname);
                }
            });
        }
        
        validateLogin();
    });
</script>
</html>

微信后台代码类似：

public class TestLogin extends HttpServlet {
    private static final long serialVersionUID = 1L;
    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String uid = request.getParameter("uid");
        String jsonStr = "";
        System.out.println("in");
        System.out.println("uid:" + uid);
        long inTime = new Date().getTime();
        Boolean bool = true;
        while (bool) {
            try {
                Thread.sleep(1000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            //检测登录
            可以用Redis来实现登录检测
            if(userVo != null){
                bool = false;
               ...
            }else{
                if(new Date().getTime() - inTime > 5000){
                    bool = false;
                }
            }
        }
        System.out.println("login ok : " + jsonStr);
        PrintWriter out = response.getWriter();
        out.print(jsonStr);
        out.flush();
        out.close();
    }
}

获取登录二维码以及uid的接口，已经APP端确认登录的接口比较简单，就不提供了。大致思路就是以上这样。

nbskycity

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
2
评论
微信、支付宝网页端扫码登录实现原理

微信与支付宝的扫码登录是有一些区别的，微信目前是一个持续27s的长连接请求；而支付宝是持续循环的短连接请求。其实原理是一样的。首先，前端调用二维码接口，获取图片二维码以及用户唯一表示uid，然后与服务器建立长连接请求，询问是否有用户扫码登录。用户用APP扫码之后，会请求服务器接口，将用户信息与二维码的uid绑定，前端的长连接就可以请求到当前uid对应的用户，从而进行登录操作。
复制链接

扫一扫