使用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);

看完上述內容，你們對使用javaweb怎么實現app掃碼登錄功能有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。