再也不怕别人问:二维码扫码登录的底层原理
Python涨薪研究所
共 3958字,需浏览 8分钟
·
2021-04-14 21:46
![](https://filescdn.proginn.com/b0afd1eeaa3549435c6dbdb2cb94bb45/d4d6419398720153045a25eaddaf475f.webp)
在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码的原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。
![](https://filescdn.proginn.com/702f73e39bc06f3aa14b70b70610b7e6/d1899b76f83cfdfa03a38b3c7e30876e.webp)
二维码登录的本质
告诉系统我是谁 向系统证明我是谁
认识二维码
![](https://filescdn.proginn.com/7b0698372e142c956a870e6877587874/8e08a98794e35210bc2e5348703227a7.webp)
![](https://filescdn.proginn.com/10c169bf42a228263e03abeaf607ee41/4afa1c7d391dde3de034bf5fc44561f9.webp)
![](https://filescdn.proginn.com/a229a2c0fcec7f525a3738af484ee652/e7758a2120c3329e50a3d7e45834d801.webp)
系统认证机制
![](https://filescdn.proginn.com/8ee7074562ef4bbdc82c18365283a3ea/901f963dbc3d9c483887e9f9a878efd0.webp)
账号密码登录时,客户端会将设备信息一起传递给服务端 如果账号密码校验通过,服务端会把账号与设备进行一个绑定,存在一个数据结构中,这个数据结构中包含了账号ID,设备ID,设备类型等等
const token = {
acountid:'账号ID',
deviceid:'登录的设备ID',
deviceType:'设备类型,如 iso,android,pc......',
}
客户端得到这个token后,需要进行一个本地保存,每次访问系统API都携带上token与设备信息。 服务端就可以通过token找到与它绑定的账号与设备信息,然后把绑定的设备信息与客户端每次传来的设备信息进行比较, 如果相同,那么校验通过,返回AP接口响应数据, 如果不同,那就是校验不通过拒绝访问。
扫描二维码登录的一般步骤
![](https://filescdn.proginn.com/d1574d615f4499ede318fecd86ddd278/0f0e85a512fcbbcbaf1050c7950ff764.webp)
扫码前,手机端应用是已登录状态,PC端显示一个二维码,等待扫描 手机端打开应用,扫描PC端的二维码,扫描后,会提示"已扫描,请在手机端点击确认" 用户在手机端点击确认,确认后PC端登录就成功了
![](https://filescdn.proginn.com/59f6ee5ffcc8968aeffa1735dd5e749e/acb4c870c268544ea1cbaa6f90df07b2.webp)
二维码的背后它一定存在一个唯一性的ID,当二维码生成时,这个ID也一起生成,并且绑定了PC端的设备信息 手机去扫描这个二维码 二维码切换为 已扫描待确认状态, 此时就会将账号信息与这个ID绑定 当手机端确认登录时,它就会生成PC端用于登录的token,并返回给PC端
![](https://filescdn.proginn.com/6641d8295bc25c645b64ea71f72b3f5f/3bf3fa0129bc13dd8d2df84b8076b026.webp)
PC端向服务端发起请求,告诉服务端,我要生成用户登录的二维码,并且把PC端设备信息也传递给服务端 服务端收到请求后,它生成二维码ID,并将二维码ID与PC端设备信息进行绑定 然后把二维码ID返回给PC端 PC端收到二维码ID后,生成二维码(二维码中肯定包含了ID) 为了及时知道二维码的状态,客户端在展现二维码后,PC端不断的轮询服务端,比如每隔一秒就轮询一次,请求服务端告诉当前二维码的状态及相关信息
![](https://filescdn.proginn.com/58cd02ea5e52396d81c032f8c0996bae/b18f19df4a62868c1bdec758213ae423.webp)
用户用手机去扫描PC端的二维码,通过二维码内容取到其中的二维码ID 再调用服务端API将移动端的身份信息与二维码ID一起发送给服务端 服务端接收到后,它可以将身份信息与二维码ID进行绑定,生成临时token。然后返回给手机端 因为PC端一直在轮询二维码状态,所以这时候二维码状态发生了改变,它就可以在界面上把二维码状态更新为已扫描
![](https://filescdn.proginn.com/40bdd27b1904ec2162a6bd7997cae09d/7624ffc2d01e9bd82fcc5e95f5718a19.webp)
手机端在接收到临时token后会弹出确认登录界面,用户点击确认时,手机端携带临时token用来调用服务端的接口,告诉服务端,我已经确认 服务端收到确认后,根据二维码ID绑定的设备信息与账号信息,生成用户PC端登录的token 这时候PC端的轮询接口,它就可以得知二维码的状态已经变成了"已确认"。并且从服务端可以获取到用户登录的token 到这里,登录就成功了,后端PC端就可以用token去访问服务端的资源了
可以是二维码ID 可以是包含二维码ID的一个url地址
总结
![](https://filescdn.proginn.com/b07427eb60ac15b6104836a86a880163/ed8ffc04156f418ea78befeb5d511fc4.webp)
告诉系统我是谁 向系统证明我谁
一个是二维码原理 一个是基于token的认证机制
作者:大古同学
链接:https://juejin.cn/post/6940976355097985032
![](https://filescdn.proginn.com/2f0a8edae5b2bf36ca57cb6f81227c6f/68b50108177b5d2f8c2e37a0d083f7e5.webp)
推荐阅读
![](https://filescdn.proginn.com/f3b56b5b261a61c91c34dba45ee8d6bf/e9ba08fd62aa3ce5538e21a7af53f02f.webp)
![](https://filescdn.proginn.com/c7e386140f827cf6f68c97c344292f1b/d0cc4cacd55a42d16b754bd5eda2a123.webp)
百度偷偷干了一件事,大家都不知道....
![](https://filescdn.proginn.com/daf3b6a3210b8ec49f69b9a40d43e5c5/f4123a157f3e0a6bb2f3a0882d47ac93.webp)
35年前,微软前CEO带货是什么水平?
![](https://filescdn.proginn.com/d1a36ad8e38b5948761dea3c193029de/8fc3cfae4eb7c44b86a2e02e963d73a0.webp)
182亿,悬在阿里头上的大刀,终于落下了。
一键三连「分享」、「点赞」和「在看」
技术干货与你天天见~
评论