经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 移动开发 » 微信开发 » 查看文章
一文吃透扫码登录原理
来源:cnblogs  作者:程序员大彬  时间:2023/3/20 8:52:14  对本文有异议

本文已经收录到Github仓库,该仓库包含计算机基础、Java基础、多线程、JVM、数据库、Redis、Spring、Mybatis、SpringMVC、SpringBoot、分布式、微服务、设计模式、架构、校招社招分享等核心知识点,欢迎star~

Github地址:https://github.com/Tyson0314/Java-learning


今天给大家介绍下扫码登录功能是怎么设计的。

扫码登录功能主要分为三个阶段:待扫描、已扫描待确认、已确认

整体流程图如图。

下面分阶段来看看设计原理。

1、待扫描阶段

首先是待扫描阶段,这个阶段是 PC 端跟服务端的交互过程。

每次用户打开PC端登陆请求,系统返回一个唯一的二维码ID,并将二维码ID的信息绘制成二维码返回给用户。

这里的二维码ID一定是唯一的,后续流程会将二维码ID跟身份信息绑定,不唯一的话就会造成你登陆了其他用户的账号或者其他用户登陆你的账号。

此时在 PC 端会启动一个定时器,轮询查询二维码是否被扫描

如果移动端未扫描的话,那么一段时间后二维码将会失效。

这个阶段的交互过程如下图所示。

2、已扫描待确认阶段

第二个阶段是已扫描待确认阶段,主要是移动端跟服务端交互的过程。

首先移动端扫描二维码,获取二维码 ID,然后将手机端登录的凭证(token)和 二维码 ID 作为参数发送给服务端

此时的手机在之前已经是登录的,不存在没登录的情况。

服务端接受请求后,会将 token 与二维码 ID 关联,然后会生成一个临时token,这个 token 会返回给移动端,临时 token 用作确认登录的凭证。

PC 端的定时器,会轮询到二维码的状态已经发生变化,会将 PC 端的二维码更新为已扫描,请在手机端确认。

这里为什么要有手机端确认的操作?

假设没有确认这个环节,很容易就会被坏人拦截token去冒充登录。所以二维码扫描一定要有这个确认的页面,让用户去确认是否进行登录。

另外,二维码扫描确认之后,再往用户app或手机等发送登录提醒的通知,告知如果不是本人登录的,则建议用户立即修改密码。

这个阶段是交互过程如下图所示。

3、已确认

扫码登录的最后阶段,用户点击确认登录,移动端携带上一步骤中获取的临时 token访问服务端。

服务端校对完成后,会更新二维码状态,并且给 PC 端生成一个正式的 token。

后续 PC 端就是持有这个 token 访问服务端。

这个阶段是交互过程如下图所示。

以上就是整个扫码登录功能的详细设计!


最后给大家分享一个Github仓库,上面有大彬整理的300多本经典的计算机书籍PDF,包括C语言、C++、Java、Python、前端、数据库、操作系统、计算机网络、数据结构和算法、机器学习、编程人生等,可以star一下,下次找书直接在上面搜索,仓库持续更新中~

Github地址https://github.com/Tyson0314/java-books

原文链接:https://www.cnblogs.com/tyson03/p/17235116.html

 友情链接:直通硅谷  直通硅谷 怎么样 mac软件下载