java实现手机扫描二维码进行登录

转自:http://www.daxueit.com/article/2581.html

项目结构:

实现流程:

pc端:

1:打开二维码登录网页index.html

2:index.html调用GetQrCodeServlet

3:GetQrCodeServlet干2件事

  a:生成随机的uuid,是一个唯一标识,该标识贯穿整个流程

  b:生成二维码图片,二维码信息:http://60.28.201.37:8380/QrCodeLoginPro/Login.html?uuid=" + uuid

4:index页面展示二维码

5:index页面调用LongConnectionCheckServlet进行长连接轮询操作,参数为uuid

6:LongConnectionCheckServlet只干1件事

  a:拿到uuid后循环检查loginUserMap中uuid是否不为null。

7:如果为null则代表没有登录,index.html将继续进行轮询

  ps: LongConnectionCheckServlet 一个长连接请求检测登录状态

    loginUserMap 是一个静态的map结构的登录池,uuid为key , 登录信息为value

手机端:

1:扫描pc端的二维码

2:打开二维码中的网页 http://60.28.201.37:8380/QrCodeLoginPro/Login.html?uuid=" + uuid

3:登录,将uname upwd uuid 传递给登录程序PhoneLoginServlet

4:PhoneLoginServlet干2件事

  a:检测登录

  b:登录成功后将登录信息插入到loginUserMap中去,uuid为key

pc端:

  1:继续轮询检测uuid中是否为null

  2:登录后的uuid中就不为null了,此时LongConnectionCheckServlet停止循环,返回登录状态。

代码:

cn.kuwo下的3个servlet

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
package cn.kuwo;
 
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 cn.kuwo.util.TwoDimensionCode;
 
/**
 * 生成二维码图片以及uuid
 * @author zijuntang
 *
 */
public class GetQrCodeServlet 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://60.28.201.37:8380/QrCodeLoginPro/Login.html?uuid=" + uuid;
        //生成二维码
        String imgName =  uuid + "_" + (int) (new Date().getTime() / 1000) + ".png";
        String imgPath = "/home/web/apache/htdocs/QrCodeLogin/" + imgName;
        TwoDimensionCode handler = new TwoDimensionCode();
        handler.encoderQRCode(content, imgPath, "png");
         
        //生成的图片访问地址
        String qrCodeImg = "http://60.28.201.37/QrCodeLogin/" + imgName;
        String jsonStr = "{"uuid":" + uuid + ","qrCodeImg":"" + qrCodeImg + ""}";
        out.print(jsonStr);
        out.flush();
        out.close();
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
package cn.kuwo;
 
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 cn.kuwo.vo.LoginUserVo;
import cn.kuwo.vo.UserVo;
 
/**
 * 用长连接,检查登录状态
 * @author zijuntang
 *
 */
public class LongConnectionCheckServlet 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 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(1000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            //检测登录
            UserVo userVo = LoginUserVo.getLoginUserMap().get(uuid);
            System.out.println("userVo:" + userVo);
            if(userVo != null){
                bool = false;
                jsonStr = "{"uname":""+userVo.getUname()+""}";
                LoginUserVo.getLoginUserMap().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();
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
package cn.kuwo;
 
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 cn.kuwo.vo.LoginUserVo;
import cn.kuwo.vo.UserVo;
 
/**
 * 二维码手机端登录
 * @author zijuntang
 *
 */
public class PhoneLoginServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    public PhoneLoginServlet() {
        super();
        // TODO Auto-generated constructor stub
    }
    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
            UserVo userVo = LoginUserVo.getLoginUserMap().get(uuid);
            if(userVo == null){
                userVo = new UserVo();
                userVo.setUname(uname);
                userVo.setUpwd(upwd);
                LoginUserVo.getLoginUserMap().put(uuid, userVo);
            }
        }
        PrintWriter out = response.getWriter();
        out.print(bool);
        out.flush();
        out.close();
    }
}

cn.kuwo.util包下的生成二维码的封装类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
package cn.kuwo.util; 
   
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 jp.sourceforge.qrcode.QRCodeDecoder; 
import jp.sourceforge.qrcode.exception.DecodingFailedException; 
import com.swetake.util.Qrcode; 
   
public class TwoDimensionCode { 
       
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param imgPath 图片路径
     */ 
    public void encoderQRCode(String content, String imgPath) { 
        this.encoderQRCode(content, imgPath, "png", 7); 
    
       
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param output 输出流
     */ 
    public void encoderQRCode(String content, OutputStream output) { 
        this.encoderQRCode(content, output, "png", 7); 
    
       
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param imgPath 图片路径
     * @param imgType 图片类型
     */ 
    public void encoderQRCode(String content, String imgPath, String imgType) { 
        this.encoderQRCode(content, imgPath, imgType, 7); 
    
       
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param output 输出流
     * @param imgType 图片类型
     */ 
    public void encoderQRCode(String content, OutputStream output, String imgType) { 
        this.encoderQRCode(content, output, imgType, 7); 
    
   
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param imgPath 图片路径
     * @param imgType 图片类型
     * @param size 二维码尺寸
     */ 
    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(); 
        
    
   
    /**
     * 生成二维码(QRCode)图片
     * @param content 存储内容
     * @param output 输出流
     * @param imgType 图片类型
     * @param size 二维码尺寸
     */ 
    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)图片的公共方法
     * @param content 存储内容
     * @param imgType 图片类型
     * @param size 二维码尺寸
     * @return
     */ 
    private BufferedImage qRCodeCommon(String content, String imgType, int size) { 
        BufferedImage bufImg = null
        try
            Qrcode qrcodeHandler = new Qrcode(); 
            // 设置二维码排错率,可选L(7%)、M(15%)、Q(25%)、H(30%),排错率越高可存储的信息越少,但对二维码清晰度的要求越小 
            qrcodeHandler.setQrcodeErrorCorrect('M'); 
            qrcodeHandler.setQrcodeEncodeMode('B'); 
            // 设置设置二维码尺寸,取值范围1-40,值越大尺寸越大,可存储的信息越大 
            qrcodeHandler.setQrcodeVersion(size); 
            // 获得内容的字节数组,设置编码格式 
            byte[] contentBytes = content.getBytes("utf-8"); 
            // 图片尺寸 
            int imgSize = 67 + 12 * (size - 1); 
            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) { 
                boolean[][] codeOut = qrcodeHandler.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; 
    
       
    /**
     * 解析二维码(QRCode)
     * @param imgPath 图片路径
     * @return
     */ 
    public String decoderQRCode(String imgPath) { 
        // QRCode 二维码图片的文件 
        File imageFile = new File(imgPath); 
        BufferedImage bufImg = null
        String content = null
        try
            bufImg = ImageIO.read(imageFile); 
            QRCodeDecoder decoder = new QRCodeDecoder(); 
            content = new String(decoder.decode(new TwoDimensionCodeImage(bufImg)), "utf-8");  
        } catch (IOException e) { 
            System.out.println("Error: " + e.getMessage()); 
            e.printStackTrace(); 
        } catch (DecodingFailedException dfe) { 
            System.out.println("Error: " + dfe.getMessage()); 
            dfe.printStackTrace(); 
        
        return content; 
    
       
    /**
     * 解析二维码(QRCode)
     * @param input 输入流
     * @return
     */ 
    public String decoderQRCode(InputStream input) { 
        BufferedImage bufImg = null
        String content = null
        try
            bufImg = ImageIO.read(input); 
            QRCodeDecoder decoder = new QRCodeDecoder(); 
            content = new String(decoder.decode(new TwoDimensionCodeImage(bufImg)), "utf-8");  
        } catch (IOException e) { 
            System.out.println("Error: " + e.getMessage()); 
            e.printStackTrace(); 
        } catch (DecodingFailedException dfe) { 
            System.out.println("Error: " + dfe.getMessage()); 
            dfe.printStackTrace(); 
        
        return content; 
    
   
    public static void main(String[] args) { 
        String imgPath = "D:/aaa/Michael_QRCode.png"
        String encoderContent = "http://60.28.201.37:8380/QrCodeLoginPro/Login.html"
        TwoDimensionCode handler = new TwoDimensionCode(); 
        handler.encoderQRCode(encoderContent, imgPath, "png");
         
         
        /*
        System.out.println("========encoder success"); 
        String decoderContent = handler.decoderQRCode(imgPath); 
        System.out.println("解析结果如下:"); 
        System.out.println(decoderContent); 
        System.out.println("========decoder success!!!"); 
        */
    
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
package cn.kuwo.util;
   
import java.awt.image.BufferedImage; 
import jp.sourceforge.qrcode.data.QRCodeImage; 
   
public class TwoDimensionCodeImage implements QRCodeImage { 
   
    BufferedImage bufImg; 
       
    public TwoDimensionCodeImage(BufferedImage bufImg) { 
        this.bufImg = bufImg; 
    
       
    @Override 
    public int getHeight() { 
        return bufImg.getHeight(); 
    
   
    @Override 
    public int getPixel(int x, int y) { 
        return bufImg.getRGB(x, y); 
    
   
    @Override 
    public int getWidth() { 
        return bufImg.getWidth(); 
    
   
}

cn.kuwo.vo下的2个数据层

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
package cn.kuwo.vo;
 
import java.util.HashMap;
 
public class LoginUserVo {
    private static HashMap<String, UserVo> loginUserMap = new HashMap<String, UserVo>();
    private static LoginUserVo loginUserVo;
    public static LoginUserVo getVo(){
        if(loginUserVo == null){
            loginUserVo = new LoginUserVo();
        }
        return loginUserVo;
    }
    public static HashMap<String, UserVo> getLoginUserMap() {
        return loginUserMap;
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
package cn.kuwo.vo;
 
public class UserVo {
    private String uname;
    private String upwd;
    public String getUname() {
        return uname;
    }
    public void setUname(String uname) {
        this.uname = uname;
    }
    public String getUpwd() {
        return upwd;
    }
    public void setUpwd(String upwd) {
        this.upwd = upwd;
    }
}

2个网页

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<body>
    <div id="divCon">
        <img src="" id="QrCodeImg" />
    </div>
</body>
<script type="text/javascript">
    $(document).ready(function() {
        var uuid;
        $.get("/QrCodeLoginPro/GetQrCodeServlet", function(data, status) {
            var obj = eval("(" + data + ")");
            //存储UUID
            uuid = obj.uuid;
            //显示二维码
            $("#QrCodeImg").attr("src", obj.qrCodeImg);
            //开始验证登录
            validateLogin();
        });
 
        function validateLogin(){
            $.get("/QrCodeLoginPro/LongConnectionCheckServlet?uuid=" + uuid , function(data, status) {
                if(data == ""){
                    validateLogin();
                }else{
                    var obj = eval("(" + data + ")");
                    alert("登录成功了:" + obj.uname);
                }
            });
        }
    });
</script>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
.l_m_l {
    float: left;
    font-size: 14px;
    padding: 5px 0 0 0;
     330px;
    color: #414141;
}
 
.l_m_linput {
    height: 31px;
    position: relative;
     300px;
    margin-bottom: 21px;
}
 
.l_m_linput span {
    float: left;
     78px;
    text-align: right;
    line-height: 31px;
}
 
input {
    float: left;
     195px;
    height: 24px;
    line-height: 24px;
    background: #f2f2f2;
    border: 1px solid #c4c4c4;
    padding: 2px 22px 2px 2px;
}
 
.l_mimacon {
    position: absolute;
    top: 6px;
    right: 6px;
     15px;
    height: 17px;
    background: url(img/l_mimacon.png)
        no-repeat;
}
 
.l_peoplecon {
    position: absolute;
    top: 7px;
    right: 6px;
     15px;
    height: 15px;
    background: url(img/l_peoplecon.png)
        no-repeat;
}
 
.l_m_lload a {
    display: block;
     154px;
    height: 40px;
    background:
        url(img/l_loadingbtn.png)
        no-repeat;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #52340c;
    text-decoration: none;
}
</style>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<body style=" border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; auto !important; box-sizing: content-box !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; min-height: inherit !important;">>
    <div style="margin-left: 100px;"><img src="img/logo.png" /></div>
    <div >
        <p class="l_m_linput">
            <span><font color="#fff">用户名:</font></span><input type="text" id="login_name" value="zijuntang"><em
                class="l_peoplecon"></em>
        </p>
        <p class="l_m_linput">
            <span><font color="#fff">密码:</font></span><input type="password" id="login_psw" value="tangzijun"><em
                class="l_mimacon"></em>
        </p>
        <div class="l_m_linput2"></div>
        <div class="l_m_lload">
            <a href="javascript:login();">登录</a>
        </div>
    </div>
</body>
<script type="text/javascript">
    //登录
    function login(){
        $.post("/QrCodeLoginPro/PhoneLoginServlet", {
            uuid : $.getUrlParam('uuid'),
            uname:$("#login_name").val(),
            upwd:$("#login_psw").val()
        }, function(data, status) {
            if(data == ""){
                alert("登录失败");
            }else{
                alert("登录成功");
            }
        });
    }
     
    //获取网页参数
    (function($){
        $.getUrlParam = function(name){
            var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r!=null) return unescape(r[2]); return null;
        }
        })(jQuery);
</script>
</html>

web.xml配置文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?xml version="1.0" encoding="UTF-8"?>
    id="WebApp_ID" version="2.5">
    <display-name>QrCodeLoginPro</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
    <servlet>
        <description></description>
        <display-name>长连接检查登录状态</display-name>
        <servlet-name>LongConnectionCheckServlet</servlet-name>
        <servlet-class>cn.kuwo.LongConnectionCheckServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LongConnectionCheckServlet</servlet-name>
        <url-pattern>/LongConnectionCheckServlet</url-pattern>
    </servlet-mapping>
 
    <servlet>
        <description>获取二维码图片以及uuid</description>
        <display-name>GetQrCodeServlet</display-name>
        <servlet-name>GetQrCodeServlet</servlet-name>
        <servlet-class>cn.kuwo.GetQrCodeServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>GetQrCodeServlet</servlet-name>
        <url-pattern>/GetQrCodeServlet</url-pattern>
    </servlet-mapping>
 
    <servlet>
        <description>手机扫描二维码之后进行登录</description>
        <display-name>PhoneLoginServlet</display-name>
        <servlet-name>PhoneLoginServlet</servlet-name>
        <servlet-class>cn.kuwo.PhoneLoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>PhoneLoginServlet</servlet-name>
        <url-pattern>/PhoneLoginServlet</url-pattern>
    </servlet-mapping>
</web-app>

此外还需要1个二维码开源包:QRCode.jar

源码下载:https://files.cnblogs.com/zijun/%E4%BA%8C%E7%BB%B4%E7%A0%81%E7%99%BB%E5%BD%95%E4%BE%8B%E5%AD%90.rar

原文地址:https://www.cnblogs.com/nearpengju123/p/5185784.html