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;

    width: 330px;

    color: #414141;

}

.l_m_linput {

    height: 31px;

    position: relative;

    width: 300px;

    margin-bottom: 21px;

}

.l_m_linput span {

    float: left;

    width: 78px;

    text-align: right;

    line-height: 31px;

}

input {

    float: left;

    width: 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;

    width: 15px;

    height: 17px;

    background: url(img/l_mimacon.png)

        no-repeat;

}

.l_peoplecon {

    position: absolute;

    top: 7px;

    right: 6px;

    width: 15px;

    height: 15px;

    background: url(img/l_peoplecon.png)

        no-repeat;

}

.l_m_lload a {

    display: block;

    width: 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; width: 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"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

    xmlns="http://java.sun.com/xml/ns/javaee"

    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

    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

源码下载:http://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

时间: 2024-08-01 22:24:45

java实现手机扫描二维码进行登录的相关文章

实现手机扫描二维码页面登录,类似web微信-第一篇,业务分析

转自:http://www.cnblogs.com/fengyun99/p/3541249.html 关于XMPP组件的文章,先休息两天,好歹已经完整的写了一份. 这两天,先实现一套关于web微信扫描二维码页面登录的试验,因为这种模式在我们的很多业务场景里大有前途. 首先介绍一下web微信登录的过程 手机必须运行微信,并且合法登录 打开web微信的页面,展示一个二维码 用手机微信的扫描功能扫描该二维码 页面立即显示手机已扫描 手机显示是否确认登录,点击确认 页面登录 这个过程将传统的web登录转

实现手机扫描二维码页面登录,类似web微信-第二篇,关于二维码的自动生成

转自:http://www.cnblogs.com/fengyun99/p/3541251.html 接上一章,我们已经基本把业务逻辑分析清楚了 下面我们第一步,实现二维码的web动态生成. 页面的二维码包含的信息我在上一篇已经解释过,是一个页面的sessionID,这个sessionID主要是标示出哪个页面是哪个页面,例如你打开N个页面,必然每个页面的标示会不一样,只有你用手机扫描了某一个页面(page a)的二维码,将来响应操作的页面只能是page a. 实现二维码的类库非常多,如果你的平台

实现手机扫描二维码页面登录,类似web微信-第四篇,服务器端

转自:http://blog.csdn.net/otangba/article/details/8273952 终于到了服务器端,第三篇的手机客户端如果已经下载了的话,没有服务器是不能正常运行的. 服务器端要做得事很多,虽然逻辑不是很复杂,但是我们必须要分析清楚我们要做哪些事,请看下图: 通过这张图,我们看出,服务器端的接口一共有6个,分别处理: 手机客户端登录 首页 二维码图片流 long polling维持 接收手机客户端已扫描的通知 接收手机客户端已确认登录的通知 那么一个一个解决 首先是

手机扫描二维码下载APP,根据操作系统不同自动下载

Android和IOS手机扫描二维码下载APP,根据OS不同,自动处理相应下载操作.IOS自动跳转至AppStore应用下载页,Android自动下载应用的apk包. <script type="text/javascript"> $(function() { var ua = navigator.userAgent.toLowerCase(); if (/android/i.test(ua)){ //Android window.location.href = 'http

Weex playground手机扫描二维码后显示network error解决

首先可以参考下面的博客 Weex playground 手机扫描二维码报错network error解决办法 1.手机和电脑是否在同一局域网: 2.第一步确认没问题后,还是报network error,确认下PC上wifi的连接策略是否为专用: 3.在npm start之前,手动再运行npm install 安装一次 若还未解决,可以尝试禁用虚拟网卡,如下图: 原文地址:https://www.cnblogs.com/ZYTZ/p/12113725.html

Android扫描二维码 实现 登录网页

1. 扫描二维码登录的实现机制 * Android客户端要给网页端发送信息,说登录的是我 * 网页登录界面要不断的查询是否已经被扫描登录 总体分三步: ① PC端保存randnumber(随机数) ② Android客户端携带username 保存在randnumber那条记录上 ③ PC端去服务器轮询,如果randnumber记录的username不为空,则实行登录即可 2. Android 客户端扫描二维码 介绍一个库 Zxing,这是一个庞大的库,有人已经整理出了扫描二维码部分的库

【转载】 扫描二维码自动识别手机APP下载地址

移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版.英文版.日文版.韩文版等,我们可称之为:APP国际化. 还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版.Google版.阿里版.腾讯版,等,我们可称之为:多渠道适配. 但是对于应用提供方,一定希望入口只有一个:在二维码疯狂流行的年代,必然是已扫描二维

扫描二维码自动识别手机APP下载地址

原文地址https://www.baidufe.com/item/92457b4d0bfde1effa40.html 移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版.英文版.日文版.韩文版等,我们可称之为:APP国际化. 还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版.Google版.阿里版.腾讯

扫描二维码自动识别手机系统(Android/IOS)

移动互联网发展迅速,各种APP的开发都会推出多个版本(多终端),比如:iPhone版.iPad版.Android版.有些APP还会考虑覆盖到多个国家(国际化),比如:中文版.英文版.日文版.韩文版等.此外,针对不同渠道(流量来源)也会提供不同的版本(多渠道),比如:百度版.Google版.阿里版.腾讯版等. 对于应用提供方,希望入口只有一个:扫描二维码直接下载.怎样让这张二维码承载这么丰富的信息量,让不同终端.不同国家.来自不同渠道的用户扫描同一个二维码能下载到对应的APP客户端呢? 这里参照S