java生成二維碼掃碼網頁自動登錄功能

找了很多資料，七七八八都試了一遍，最終寫出來了這個功能。

菜鳥一枚，此文只為做筆記。

簡單的一個生成二維碼，通過網頁確認登錄，實現二維碼頁面跳轉到主頁面。

有三個servlet：

CodeServlet.java 干2件事

　　a:生成隨機的uuid,是一個唯一標識，該標識貫穿整個流程

　　b:生成二維碼圖片，二維碼信息：http://xx.xx.xx.xx:8080/xxxx/login.jsp?uuid= xxxx

LongConnectionCheckServlet.java 

　　進行長連接輪詢操作，參數為uuid，查找loginMap中是否有此uuid，如果有則停止輪詢，loginMap中remove這個uuid

PhoneLoginServlet.java 干2件事

　　a:檢測登錄，查看是否有此uuid

　　b:登錄成功后將登錄信息插入到loginMap中去，uuid為key

-------- Servlet 需要配置web.xml --------

UserLoginInfoVO.java

　　 用戶登錄信息存儲用戶名密碼（其他的還可以加，我只寫了簡單的）

LoginUser.java

　　用HashMap存用戶登錄信息

TwoDimensionCode.java

　　最關鍵的生成二維碼的類，實現QRCodeImage，需要QRCode.jar包

　　QRCode.jar下載地址：http://vdisk.weibo.com/s/A25JOYrYFK9xO

 

UserLoginInfoVO.java

public class UserLoginInfoVO {
    private String userName;
    private String userPass;

    public String getUserName() {
        return userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public String getUserPass() {
        return userPass;
    }
    public void setUserPass(String userPass) {
        this.userPass = userPass;
    }
}

 

LoginUser.java

import java.util.HashMap;

public class LoginUser {
    private static HashMap<String, UserLoginInfoVO> loginMap = new HashMap<String, UserLoginInfoVO>();
    private static UserLoginInfoVO userLoginInfoVO;

    public static UserLoginInfoVO getVO() {
        if (userLoginInfoVO == null) {
            userLoginInfoVO = new UserLoginInfoVO();
        }
        return userLoginInfoVO;
    }
    public static HashMap<String, UserLoginInfoVO> getLoginMap() {
        return loginMap;
    }

}

 

TwoDimensionCode.java

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import javax.imageio.ImageIO;
import com.swetake.util.Qrcode;
import jp.sourceforge.qrcode.QRCodeDecoder;
import jp.sourceforge.qrcode.exception.DecodingFailedException;

public class TwoDimensionCode {
    /**
     * 生成二維碼(QRCode)圖片
     * 
     * @param content
     *            存儲內容
     * @param imgPath
     *            圖片路徑
     * @param imgType
     *            圖片類型
     * @param output
     *            輸出流
     * @param size
     *            二維碼尺寸
     */
    public void encoderQRCode(String content, String imgPath) {
        this.encoderQRCode(content, imgPath, "png", 7);
    }

    public void encoderQRCode(String content, OutputStream output) {
        this.encoderQRCode(content, output, "png", 7);
    }

    public void encoderQRCode(String content, String imgPath, String imgType) {
        this.encoderQRCode(content, imgPath, imgType, 7);
    }

    public void encoderQRCode(String content, OutputStream output, String imgType) {
        this.encoderQRCode(content, output, imgType, 7);
    }

    public void encoderQRCode(String content, String imgPath, String imgType, int size) {
        try {
            BufferedImage bufImg = this.qRCodeCommon(content, imgType, size);

            File imgFile = new File(imgPath);
            if (!imgFile.exists()) {
                imgFile.mkdirs();
            }
            // 生成二維碼QRCode圖片
            ImageIO.write(bufImg, imgType, imgFile);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public void encoderQRCode(String content, OutputStream output, String imgType, int size) {
        try {
            BufferedImage bufImg = this.qRCodeCommon(content, imgType, size);
            // 生成二維碼QRCode圖片
            ImageIO.write(bufImg, imgType, output);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    /**
     * 生成二維碼(QRCode)圖片的公共方法
     * 
     * @return BufferedImage
     */
    private BufferedImage qRCodeCommon(String content, String imgType, int size) {
        BufferedImage bufImg = null;
        try {
            Qrcode qrcode = new Qrcode();
            // 設置二維碼排錯率，可選L(7%)、M(15%)、Q(25%)、H(30%)，排錯率越高可存儲的信息越少，但對二維碼清晰度的要求越小
            qrcode.setQrcodeErrorCorrect('M');
            qrcode.setQrcodeEncodeMode('B');
            // 設置設置二維碼尺寸，取值范圍1-40，值越大尺寸越大，可存儲的信息越大
            qrcode.setQrcodeVersion(size);
            // 獲得內容的字節數組，設置編碼格式
            byte[] contentBytes = content.getBytes("utf-8");
            // 圖片尺寸
            int imgSize = 67 + 12 * (size - 1);
            // BufferedImage.TYPE_INT_RGB表示一個圖像，該圖像具有整數像素的 8 位 RGB 顏色
            bufImg = new BufferedImage(imgSize, imgSize, BufferedImage.TYPE_INT_RGB);

            Graphics2D gs = bufImg.createGraphics();
            // 設置背景顏色
            gs.setBackground(Color.WHITE);
            // 畫矩形
            gs.clearRect(0, 0, imgSize, imgSize);

            // 設定圖像顏色 BLACK
            gs.setColor(Color.BLACK);
            // 設置偏移量，不設置可能導致解析出錯
            int pixoff = 2;
            // 輸出內容> 二維碼
            if (contentBytes.length > 0 && contentBytes.length < 800) {
                // calQrcode()讓字符串生成二維碼。
                boolean[][] codeOut = qrcode.calQrcode(contentBytes);
                for (int i = 0; i < codeOut.length; i++) {
                    for (int j = 0; j < codeOut.length; j++) {
                        if (codeOut[j][i]) {
                            gs.fillRect(j * 3 + pixoff, i * 3 + pixoff, 3, 3);
                        }
                    }
                }
            } else {
                throw new Exception("QRCode content bytes length = " + contentBytes.length + " not in [0, 800].");
            }
            gs.dispose();
            bufImg.flush();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return bufImg;
    }
}

 

CodeServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dsjstudio.loanfront.useras.utils.TwoDimensionCode;

public class CodeServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        PrintWriter out = response.getWriter();
        // 生成唯一ID
        int uuid = (int) (Math.random() * 100000);
        // 二維碼內容
        String content = "http://localhost:8080/xxxx/index.jsp?uuid=" + uuid;
        // 生成二維碼
        String imgName = "image_" + uuid + ".png";
        String imgPath = "D:/images/" + imgName;

        TwoDimensionCode handler = new TwoDimensionCode();
        handler.encoderQRCode(content, imgPath, "png");

        System.out.println(content);
        // 生成的圖片訪問地址
        String qrCodeImg = "http://localhost:8080/images/" + imgName;
        String jsonStr = "{\"uuid\":" + uuid + ",\"qrCodeImg\":\"" + qrCodeImg + "\"}";
        out.print(jsonStr);
        out.flush();
        out.close();

    }
}

 

LongConnectionCheckServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dsjstudio.loanfront.useras.controller.user.controller.LoginUser;
import com.dsjstudio.loanfront.useras.controller.user.vo.UserLoginInfoVO;

public class LongConnectionCheckServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        String uuid = request.getParameter("uuid");
        String jsonStr = "";
        System.out.println("in");
        System.out.println("uuid:" + uuid);
        long inTime = new Date().getTime();
        Boolean bool = true;
        while (bool) {
            try {
                Thread.sleep(2000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            // 檢測登錄
            UserLoginInfoVO userVo = LoginUser.getLoginMap().get(uuid);
            System.out.println("userVo:" + userVo);
            if (userVo != null) {
                bool = false;
                jsonStr = "{\"uname\":\"" + userVo.getUserName() + "\"}";
                LoginUser.getLoginMap().remove(uuid);
            } 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();
    }

}

 

PhoneLoginServlet.java

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dsjstudio.loanfront.useras.controller.user.controller.LoginUser;
import com.dsjstudio.loanfront.useras.controller.user.vo.UserLoginInfoVO;

public class PhoneLoginServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String uuid = request.getParameter("uuid");
        String uname = request.getParameter("uname");
        String upwd = request.getParameter("upwd");
        System.out.println(uuid);
        System.out.println(uname);
        System.out.println(upwd);
        // TODO 驗證登錄
        boolean bool = true;
        if (bool) {
            // 將登陸信息存入map
            UserLoginInfoVO userVo = LoginUser.getLoginMap().get(uuid);
            if (userVo == null) {
                userVo = new UserLoginInfoVO();
                userVo.setUserName(uname);
                userVo.setUserPass(upwd);
                LoginUser.getLoginMap().put(uuid, userVo);
            }
        }
        PrintWriter out = response.getWriter();
        out.print(bool);
        out.flush();
        out.close();
    }

}

 

兩個jsp頁面：

index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        var uuid;
        //alert("1");
        $.get("/dsjstudio-loan-user-as/CodeServlet", function(data, status) {
            var obj = eval("(" + data + ")");
            //alert("2");
            //存儲UUID
            uuid = obj.uuid;
            //顯示二維碼
            $("#QrCodeImg").attr("src", obj.qrCodeImg);
           // alert(obj.qrCodeImg);
            //開始驗證登錄
            validateLogin();
        });
        function validateLogin(){
            $.get("/dsjstudio-loan-user-as/LongConnectionCheckServlet?uuid=" + uuid , function(data, status) {
                if(data == ""){
                    validateLogin();
                }else{
                    var obj = eval("(" + data + ")");
                    alert("歡迎您回家:" + obj.uname);
                    window.location.href='http://www.baidu.com';
                }
            });
        }
    });
</script>
</head>
<body>
<h1>哥么敢不敢掃一下！</h1>
    <div id="divCon">
        <img src="" id="QrCodeImg" />
    </div>
</body>
</html>

 

login.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>點確認吧小伙子</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    //登錄
    function login()
        $.post("/dsjstudio-loan-user-as/PhoneLoginServlet", {
            uuid : $.getUrlParam('uuid'),
            uname:$("#login_name").val(),
            upwd:$("#login_psw").val()
        }, function(data, status) {
            if(data == ""){
                alert("登錄失敗");
            }else{
                alert("登錄成功");
            }
        });
    }
    //獲取網頁參數
    (function($){
            $.getUrlParam = function(name){
                //這個正則是尋找&+url參數名字=值+&
                var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
                //這里是開始匹配，找到了返回對應url值，沒找到返回null。
                var r = window.location.search.substr(1).match(reg);
                if (r!=null) return unescape(r[2]); return null;
            }
        })(jQuery);
</script>
</head>
<body>
    <div>
        <p>
            <span>名稱：</span>
            <input type="text" id="login_name" value="lingzi">
        </p>
        <p>
            <span>密碼：</span>
            <input type="password" id="login_psw" value="xxxxxxxxx">
        </p>
        <div>
            <a href="javascript:login()">登錄</a>
        </div>
    </div>
</body>
</html>

 

 

因為連的是本地的tomcat，所以是直接電腦上操作，二維碼出來，有一個uuid打印在Console上，復制粘貼到網址上

實現效果圖：

 

 

Console上uuid打印出來62951

 

 

 點擊登錄

 

 

返回index.jsp頁面查看，成功~點擊確認跳轉頁面啦~

 

 

web.xml配置

 

　　<servlet>
        <description></description>
        <display-name>長連接檢查登錄狀態</display-name>
        <servlet-name>LongConnectionCheckServlet</servlet-name>
        <servlet-class>com.dsjstudio.loanfront.useras.controller.user.servlet.LongConnectionCheckServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LongConnectionCheckServlet</servlet-name>
        <url-pattern>/LongConnectionCheckServlet</url-pattern>
    </servlet-mapping>

    <servlet>
        <description>獲取二維碼圖片以及uuid</description>
        <display-name>CodeServlet</display-name>
        <servlet-name>CodeServlet</servlet-name>
        <servlet-class>com.dsjstudio.loanfront.useras.controller.user.servlet.CodeServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>CodeServlet</servlet-name>
        <url-pattern>/CodeServlet</url-pattern>
    </servlet-mapping>

    <servlet>
        <description>手機掃描二維碼之后進行登錄</description>
        <display-name>PhoneLoginServlet</display-name>
        <servlet-name>PhoneLoginServlet</servlet-name>
        <servlet-class>com.dsjstudio.loanfront.useras.controller.user.servlet.PhoneLoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>PhoneLoginServlet</servlet-name>
        <url-pattern>/PhoneLoginServlet</url-pattern>
    </servlet-mapping>