手机app扫描二维码以websocket方式登陆网页端

createh53周前 (12-06)技术教程27

工作中经常遇到PC端扫码登录的需求,为了在下次遇到相关需求不麻抓,针对性的动手实验一下.答题思路是需要用websocket的通信方式来进行信息的传递.具体怎么实现呢?


一、整体的逻辑分为:

1、PC生成二维码并和后端建立连接

2、链接建立成功,PC组装唯一标识,发消息给后端

3、后端进行数据处理

4、app扫描并获取到PC二维码信息,并建立和后端通信

5、app传递二维码信息给后端进行数据处理

6、后端接收到app的消息根据设备信息讲信息传输给PC进行更新二维码状态

7、PC继续等待app通过后端传递来的用户标识

8、PC接收到用户标识进行请求业务信息

9、PC接收到后端的业务信息进行自动登录

10、success



二、所需要的环境

1、Java、SpringBoot、WebSocket

2、vue WebSocket

3、OC SocketRocket

三、核心代码

iOS端和后端建立连接并传输组合后的数据



PC端和后端建立链接并监听后调进行业务操作


后端处理来自移动端和PC端的逻辑数据,并进行消息回送


致此我们的整个登录逻辑就完整了.