web扫码登录怎么实现,思路?
2021-06-06 16:04
标签:blog ready dmi jquer 状态 手机 test qrcode admin ajax监控后台的流程:生成二维码后 整体思路: 微信与支付宝的扫码登录是有一些区别的,微信目前是一个持续27s的长连接请求;而支付宝是持续循环的短连接请求。其实原理是一样的。 首先,前端调用二维码接口,获取图片二维码以及用户唯一表示uid,然后与服务器建立长连接请求,询问是否有用户扫码登录。 用户用APP扫码之后,会请求服务器接口,将用户信息与二维码的uid绑定,前端的长连接就可以请求到当前uid对应的用户,从而进行登录操作。 问题地址:web扫码登录怎么实现,求个思路 web扫码登录怎么实现,思路? 标签:blog ready dmi jquer 状态 手机 test qrcode admin 原文地址:http://www.cnblogs.com/moqiutao/p/7337296.html步骤 WEB平台 手机
第1步 生成二维码
第2步 (ajax监控后台) 扫码
第3步 (ajax监控后台) 确定(后台异步通知WEB平台)
第4步 AJAX发现状态改变,登陆成功
setTimeout(function(){
//AJAX请求,检测状态
},5000);
前端的长连接请求类似以下代码: DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>Insert title heretitle>
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>
上一篇:HTML常用操作