原文: /d/file/20220331/spanspanspan在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码的原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。二维码,大家再熟悉不过了购物扫个码,吃饭扫个码,坐公交也扫个码在扫码的过程中,大家可能会有疑问:这二维码安全吗?会不会泄漏我的个人信息?更深度的用户还会考虑:我的系统是不是也可以搞一个二维码来推广呢?这时候就需要了解一下二维码背后的技术和逻辑了!二维码最常用的场景之一就是通过手机端应用扫描 PC 或者 WEB 端的二维码,来登录同一个系统。比如手机微信扫码登录 PC 端微信,手机淘宝扫码登录 PC 端淘宝。那么就让我们来看一下,二维码登录是怎么操作的!二维码登录的本质二维码登录本质上也是一种登录认证方式。既然是登录认证,要做的也就两件事情!
- 告诉系统我是谁
- 向系统证明我是谁
- 账号密码登录时,客户端会将设备信息一起传递给服务端,
- 如果账号密码校验通过,服务端会把账号与设备进行一个绑定,存在一个数据结构中,这个数据结构中包含了账号 ID,设备 ID,设备类型等等
const token = {
acountid:'账号ID',
deviceid:'登录的设备ID',
deviceType:'设备类型,如 iso,android,pc......',
}
复制代码
然后服务端会生成一个 token,用它来映射数据结构,这个 token 其实就是一串有着特殊意义的字符串,它的意义就在于,通过它可以找到对应的账号与设备信息,- 客户端得到这个 token 后,需要进行一个本地保存,每次访问系统 API 都携带上 token 与设备信息。
- 服务端就可以通过 token 找到与它绑定的账号与设备信息,然后把绑定的设备信息与客户端每次传来的设备信息进行比较, 如果相同,那么校验通过,返回 AP 接口响应数据, 如果不同,那就是校验不通过拒绝访问
- 扫码前,手机端应用是已登录状态,PC 端显示一个二维码,等待扫描
- 手机端打开应用,扫描 PC 端的二维码,扫描后,会提示"已扫描,请在手机端点击确认"
- 用户在手机端点击确认,确认后 PC 端登录就成功了
- 二维码的背后它一定存在一个唯一性的 ID,当二维码生成时,这个 ID 也一起生成,并且绑定了 PC 端的设备信息
- 手机去扫描这个二维码
- 二维码切换为 已扫描待确认状态, 此时就会将账号信息与这个 ID 绑定
- 当手机端确认登录时,它就会生成 PC 端用于登录的 token,并返回给 PC 端
- PC 端向服务端发起请求,告诉服务端,我要生成用户登录的二维码,并且把 PC 端设备信息也传递给服务端
- 服务端收到请求后,它生成二维码 ID,并将二维码 ID 与 PC 端设备信息进行绑定
- 然后把二维码 ID 返回给 PC 端
- PC 端收到二维码 ID 后,生成二维码(二维码中肯定包含了 ID)
- 为了及时知道二维码的状态,客户端在展现二维码后,PC 端不断的轮询服务端,比如每隔一秒就轮询一次,请求服务端告诉当前二维码的状态及相关信息
- 用户用手机去扫描 PC 端的二维码,通过二维码内容取到其中的二维码 ID
- 再调用服务端 API 将移动端的身份信息与二维码 ID 一起发送给服务端
- 服务端接收到后,它可以将身份信息与二维码 ID 进行绑定,生成临时 token。然后返回给手机端
- 因为 PC 端一直在轮询二维码状态,所以这时候二维码状态发生了改变,它就可以在界面上把二维码状态更新为已扫描
- 手机端在接收到临时 token 后会弹出确认登录界面,用户点击确认时,手机端携带临时 token 用来调用服务端的接口,告诉服务端,我已经确认
- 服务端收到确认后,根据二维码 ID 绑定的设备信息与账号信息,生成用户 PC 端登录的 token
- 这时候 PC 端的轮询接口,它就可以得知二维码的状态已经变成了"已确认"。并且从服务端可以获取到用户登录的 token
- 到这里,登录就成功了,后端 PC 端就可以用 token 去访问服务端的资源了
- 可以是二维码 ID
- 可以是包含二维码 ID 的一个 url 地址
- 告诉系统我是谁
- 向系统证明我谁
- 一个是二维码原理,
- 一个是基于 token 的认证机制。
本文经授权 由答答网发布,转载联系作者并注明出处:http://www.dadazzz.com:6443/tougao/show-9333.html
如对文章、图片、字体等版权有疑问,请联系我们。