javaweb实现app扫码登录功能

本文为大家分享了javaweb实现app扫码登录的具体代码，供大家参考，具体内容如下

1.web页面主动向服务器索要一张由服务器生成包含维一标识的二维码图片，也可以直接向后台索要一个维一标识，拿到标识后通过js生成二维码。这里本人采用的是第二种方式，至于为什么吗？个人感觉这样方便，后台也不要导入架包，最后将该标识存入List集合中，接下来会用到该标识

2.app扫码后解析二维码内的维一标识，然后再携带该标识跟用户名发回给服务器，服务器接到请求后，遍历List集合,验证该标识是否为本系统生成的，若是再去验证用户名是否存在，若存在这时需将标识与用户名绑定在一起，绑定的方式有好多种。我这里采用一种较为简单的方法Map的方式，将标识做为key 用户名做为value存在一个全局Map中，表示该用户已经扫过码，只等接下来的验证了

3.web页面从向服务器索取二维码或标识后(第一步操作之后)就开始通过ajax每隔2秒或几秒钟带上维一标识向服务器发起检查请求，通过该标识查看Map是否有对应的用户已经扫过码而未登录，有的话直接登录,没有的话继续轮寻,当然你也可以采用建立长连接的方式

4.以下为后台代码

package com.*;

@Controller
@RequestMapping(value = "/login")
public class LoginController{

 @Autowired
 private UserInfoBaseService userInfoBaseService;

 //存储二维码维一标识
 public static Set<String> tokes = new HashSet<>();
 //存储toke绑定的用户
 public static Map<String,String> users = new HashMap<>();

 /**
 * 生成二维码维一标识Toke
 * @return
 */
 @ResponseBody
 @RequestMapping("/generationQRCode")
 public String generationToken(){
 String uid = UUID.randomUUID().toString();
 tokes.add(uid);
 return uid;
 }

 /**
 * app扫码后将token与用户绑定
 * @param loginName
 * @param token
 * @return
 */
 @ResponseBody
 @RequestMapping("/determine")
 public ResponseEntity determine(String loginName, String token){
 for (String t:tokes) {
  if(t.equals(token)){
  users.put(token,loginName);
  UserInfo userInfo = userInfoBaseService.getUserByLoginName(loginName);
  if(null==userInfo){return new ResponseFailure("用户不存在");}
  return new ResponseEntity("正在登录请稍后...");
  }
 }
 return new ResponseEntity("请求无效");
 }

 /**
 * Axaj定时请求是否有用户扫描了二维码
 * @param token
 */
 @ResponseBody
 @RequestMapping("/scanLogin")
 public String scanLogin(String token){
 if(StringKit.isBlank(token)){return "token is null";}
 String loginName = users.get(token);
 if(StringKit.isBlank(loginName)){ return "error";}
 //Subject subject = SecurityUtils.getSubject(); //注释的这三行换成你自已的登录代码就行了
 //subject.logout();
 //UsernamePasswordTokenType tokenType = new UsernamePasswordTokenType(loginName, "123456",2);
 try{
  subject.login(tokenType);
 }catch (Exception e){
  e.printStackTrace();
 }
 users.remove(token);
 tokes.remove(token);
 return "success";
 }

}

5.以下为前台代码

//获取维一标识token生成二维码
 $.post('${ctx}/login/generationQRCode', function (token) {
   new QRCode(document.getElementById('qrcode'), {text:token,height:125,width:125});
   $('#qrcode').removeAttr('title');
   $('#qrcode').attr('token',token);
    });
    //ajax定时查看是否有用户扫码后未登入
    var time = window.setInterval(function () {
      var token = $('#qrcode').attr('token');
      if(token){
        $.post('${ctx}/login/scanLogin',{'token':token},function (data) {
          if(data == 'success'){
            clearInterval(time);
            window.location.href = '${ctx}/login/';
          }
      })
   }
},1000);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。