精华内容
下载资源
问答
  • 点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达 本文转自|新机器视觉生活在数字时代的我们,很多场合都用到了二维码。看网页要扫二维码,加好友要扫二维...

    点击上方“小白学视觉”,选择加"星标"或“置顶

    重磅干货,第一时间送达
    
    

    本文转自|新机器视觉

    生活在数字时代的我们,很多场合都用到了二维码。看网页要扫二维码,加好友要扫二维码,甚至在楼下卖水果的大爷,都支持扫码支付了。

    你有没有想过,这个长得很奇怪的东西,是怎么来的呢,又是什么原理呢?一起来看看下面的视频吧(视频下面还有图文版)。

    视频版——

    图文版——

    那么二维码是怎么出现的,是如何工作的呢?

    今天就和大家聊一聊

    二维码是谁发明的

    二维码 ,又称二维条码,二维条形码最早发明于日本,1994年日本 Denso Wave 发明的QR码,用于汽车制造,主要目的是在制作过程中保持每一个部件的行踪正确。

    它是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的,在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理。它具有条码技术的一些共性:每种码制有其特定的字符集;每个字符占有一定的宽度;具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化等特点。

    常见的二维码为QR Code

    最早于1994年被日本公司Denso Wave的腾弘原发明

    并且由原来的条形码改造而来

    相比条形码数据能力存储能力都大大提升

    最先的二维码是彩色的

    主要用来追踪其公司旗下汽车零部件维修等情况

    后来在此基础上

    为了提高工作效率Denso Wave公司又改进出了今天常见的黑白

    二维码的生成原理是:

    用特定的几何图形按编排规律在二维方向上分布

    采用黑白相见的图形来记录数据符号信息

    为了让计算机识别

    就要利用计算机内部逻辑

    用数字“0”和“1”作为代码

    同时使用若干个与二进制相对应的几何形体表示文字数值信息

    白块表示的就是二进制的“0”

    黑块就是“1”

    摄像头识别出颜色和排列就能解读出二维码包含的信息

    在QR码上

    不同的区域

    则表示着不同的信息

    安静区域:空白边框,可以将代码与其他打印信息隔离(例如,在脏信封上,报纸的黑白打印或污迹产品包装上)。

    Finder模式:三个角落中的大黑色和白色方块可以很容易地确认这是一个QR码。由于它们只有三个,所以很明显代码的哪个方向以及它指向的角度(除非代码在某种程度上被部分遮挡或损坏)。

    对齐模式:这确保代码可以被破译,即使它是扭曲的(以某个角度查看,打印在曲面上,等等)。

    定时模式:在三个取景器模式之间水平和垂直地运行,由交替的黑色和白色方块组成。时序模式可以轻松识别QR码中的各个数据单元,在代码损坏或失真时尤其有用。

    版本信息:QR码标准有各种不同版本;版本信息(位于两个取景器模式附近)简单地识别在特定代码中使用哪一个。

    数据单元:每个单独的黑色或白色方块不属于标准特征之一(时序,对齐和其他模式),包含代码中的一些实际数据。

    二维码有什么功能

    1、信息获取(名片、地图、WIFI密码、资料)。

    2、网站跳转(跳转到微博、手机网站、网站)。

    3、广告推送(用户扫码,直接浏览商家推送的视频、音频广告)。

    4、手机电商(用户扫码、手机直接购物下单)

    总的来说

    目前二维码已经成了生活中必不可少的一部分

    也确实为我们的生活带来了很多便捷~

    下载1:OpenCV-Contrib扩展模块中文版教程

    在「小白学视觉」公众号后台回复:扩展模块中文教程即可下载全网第一份OpenCV扩展模块教程中文版,涵盖扩展模块安装、SFM算法、立体视觉、目标跟踪、生物视觉、超分辨率处理等二十多章内容。

    下载2:Python视觉实战项目52讲

    在「小白学视觉」公众号后台回复:Python视觉实战项目即可下载包括图像分割、口罩检测、车道线检测、车辆计数、添加眼线、车牌识别、字符识别、情绪检测、文本内容提取、面部识别等31个视觉实战项目,助力快速学校计算机视觉。

    下载3:OpenCV实战项目20讲

    在「小白学视觉」公众号后台回复:OpenCV实战项目20讲即可下载含有20个基于OpenCV实现20个实战项目,实现OpenCV学习进阶。

    交流群

    欢迎加入公众号读者群一起和同行交流,目前有SLAM、三维视觉、传感器、自动驾驶、计算摄影、检测、分割、识别、医学影像、GAN、算法竞赛等微信群(以后会逐渐细分),请扫描下面微信号加群,备注:”昵称+学校/公司+研究方向“,例如:”张三 + 上海交大 + 视觉SLAM“。请按照格式备注,否则不予通过。添加成功后会根据研究方向邀请进入相关微信群。请勿在群内发送广告,否则会请出群,谢谢理解~

    展开全文
  • 一、二维码简介_二维码基本概念_二维码基本原理 1.二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,...

    一、二维码简介_二维码基本概念_二维码基本原理

    1.二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型。

    2.英文单词 QrCode

    3.二维码,跟一维码区别支持了更多的字符,从而可以讲网站链接纳入其中。

    二维条码/二维码(2-dimensional bar code)是用某种特定的几何图形按一定规律在平面(二维方向上)分布的、黑白相间的、记录数据符号信息的图形;在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理:它具有条码技术的一些共性:每种码制有其特定的字符集;每个字符占有一定的宽度;具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。 

    中国对二维码技术的研究开始于1993年。
    中国物品编码中心对几种常用的二维码PDF417、QRCCode、Data Matrix、Maxi Code、Code 49、Code 16K、Code One的技术规范进行了翻译和跟踪研究。
    随着中国市场经济的不断完善和信息技术的迅速发展,国内对二维码这一新技术的需求与日俱增。
    中国物品编码中心在原国家质量技术监督局和国家有关部门的大力支持下,对二维码技术的研究不断深入。
    在消化国外相关技术资料的基础上,制定了两个二维码的国家标准:二维码网格矩阵码(SJ/T 11349-2006)二维码紧密矩阵码(SJ/T 11350-2006),从而大大促进了中国具有自主知识产权技术的二维码的研发。

    二、二维码常见应用场景整理

    ●信息获取(名片、地图、WIFI密码、资料)
    ●网站跳转(跳转到微博、手机网站、网站)
    ●广告推送(用户扫码,直接浏览商家推送的视频、音频广告)
    ●手机电商(用户扫码、手机直接购物下单)
    ●防伪溯源(用户扫码、即可查看生产地;同时后台可以获取最终消费地)
    ●优惠促销(用户扫码,下载电子优惠券,抽奖)
    ●会员管理(用户手机上获取电子会员信息、VIP服务)
    ●手机支付(扫描商品二维码,通过银行或第三方支付提供的手机端通道完成支付)
    ●账号登录(扫描二维码进行各个网站或软件的登录)

    小程序二维码:微信二维码库支持下的,如何生成小程序二维码济南小程序开发开发小程序

     

    三、二维码和一维码的区别

    二维条码

    多行组成的条形码,不需要连接一个数据库,本身可存储大量数据,应用于:医院、驾驶证、物料管理、货物运输,当条形码受一定破坏时,错误纠正能使条形码能正确解码二维码。它是一个多行、连续性、可变长、包含大量数据的符号标识。每个条形码有3 - 90行,每一行有一个起始部分、数据部分、终止部分。它的字符集包括所有128个字符,最大数据含量是1850个字符。
    一维条形码

    只是在一个方向(一般是水平方向)表达信息,而在垂直方向则不表达任何信息,其一定的高度通常是为了便于阅读器的对准。
    一维条形码的应用可以提高信息录入的速度,减少差错率,但是一维条形码也存在一些不足之处:
           数据容量较小: 30个字符左右,只能包含字母和数字;
           条形码尺寸相对较大(空间利用率较低);
           条形码遭到损坏后便不能阅读;
            在水平和垂直方向的二维空间存储信息的条形码, 称为二维条形码(dimensional bar code)
     

    四、二维码的优点

    1.高密度编码,信息容量大。
    2.编码范围广。
    3.容错能力强,具有纠错功能。
    4.译码可靠性高。
    5.可引入加密措施。
    6.成本低,易制作,持久耐用。
     

     

    五、C#如何生成条形码、二维码

    https://www.cnblogs.com/tianma3798/p/5426869.html

    https://www.cnblogs.com/tianma3798/p/5426880.html

    二维码生成工具

    二维码识别工具

     

    更多:

    条形码简介_条形码基本常识_条形码基本原理

     业务处理之应用软删除 使用整理 IsDelete/SoftDelete

    C# 实现拼手气红包算法整理

    展开全文
  • 二维码扫码登录是什么原理?

    千次阅读 2021-10-13 01:22:53
    在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中...

    在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码的原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。

    二维码,大家再熟悉不过了

    购物扫个码,吃饭扫个码,坐公交也扫个码

    bbf0f110280f97c6442705b38c7d40c5.png 59063ffadb688c26ed277c9e4cc1b26f.png

    在扫码的过程中,大家可能会有疑问:这二维码安全吗?会不会泄漏我的个人信息?更深度的用户还会考虑:我的系统是不是也可以搞一个二维码来推广呢?

    这时候就需要了解一下二维码背后的技术和逻辑了!

    二维码最常用的场景之一就是通过手机端应用扫描PC或者WEB端的二维码,来登录同一个系统。比如手机微信扫码登录PC端微信,手机淘宝扫码登录PC端淘宝。那么就让我们来看一下,二维码登录是怎么操作的!

    二维码登录的本质

    二维码登录本质上也是一种登录认证方式。既然是登录认证,要做的也就两件事情!

    1. 告诉系统我是谁

    2. 向系统证明我是谁

    比如账号密码登录,账号就是告诉系统我是谁, 密码就是向系统证明我是谁; 比如手机验证码登录,手机号就是告诉系统我是谁,验证码就是向系统证明我是谁;

    那么扫码登录是怎么做到这两件事情的呢?我们一起来考虑一下

    手机端应用扫PC端二维码,手机端确认后,账号就在PC端登录成功了!这里,PC端登录的账号肯定与手机端是同一个账号。不可能手机端登录的是账号A,而扫码登录以后,PC端登录的是账号B。

    所以,第一件事情,告诉系统我是谁,是比较清楚的!

    通过扫描二维码,把手机端的账号信息传递到PC端,至于是怎么传的,我们后面再说

    第二件事情,向系统证明我是谁。扫码登录过程中,用户并没有去输入密码,也没有输入验证码,或者其他什么码。那是怎么证明的呢?

    有些同学会想到,是不是扫码过程中,把密码传到了PC端呢?但这是不可能的。因为那样太不安全的,客户端也根本不会去存储密码。我们仔细想一下,其实手机端APP它是已经登录过的,就是说手机端是已经通过登录认证。所说只要扫码确认是这个手机且是这个账号操作的,其实就能间接证明我谁。

    认识二维码

    那么如何做确认呢?我们后面会详细说明,在这之前我们需要先认识一下二维码!在认识二维码之前我们先看一下一维码!

    02da25018d32e0abf847c93172255603.png

    所谓一维码,也就是条形码,超市里的条形码--这个相信大家都非常熟悉,条形码实际上就是一串数字,它上面存储了商品的序列号。

    二维码其实与条形码类似,只不过它存储的不一定是数字,还可以是任何的字符串,你可以认为,它就是字符串的另外一种表现形式,

    在搜索引擎中搜索二维码,你可以找到很多在线生成二维码的工具网站,这些网站可以提供字符串与二维码之间相互转换的功能.

    8454c48ae87d7ad1883f9fa0b9ae74ac.png

    在左边的输入框就可以输入你的内容,它可以是文本、网址,文件........。然后就可以生成代表它们的二维码

    你也可以把二维码上传,进行”解码“,然后就可以解析出二维码代表的含义

    系统认证机制

    认识了二维码,我们了解一下移动互联网下的系统认证机制。

    前面我们说过,为了安全,手机端它是不会存储你的登录密码的。但是在日常使用过程中,我们应该会注意到,只有在你的应用下载下来后,第一次登录的时候,才需要进行一个账号密码的登录, 那之后呢 即使这个应用进程被杀掉,或者手机重启,都是不需要再次输入账号密码的,它可以自动登录。

    其实这背后就是一套基于token的认证机制,我们来看一下这套机制是怎么运行的,

    8f09207f8a521b754a731cb4102cd94e.png
    1. 账号密码登录时,客户端会将设备信息一起传递给服务端,
    2. 如果账号密码校验通过,服务端会把账号与设备进行一个绑定,存在一个数据结构中,这个数据结构中包含了账号ID,设备ID,设备类型等等
    const token = {
      acountid:'账号ID',
      deviceid:'登录的设备ID',
      deviceType:'设备类型,如 iso,android,pc......',
    }

    然后服务端会生成一个token,用它来映射数据结构,这个token其实就是一串有着特殊意义的字符串,它的意义就在于,通过它可以找到对应的账号与设备信息,

    1. 客户端得到这个token后,需要进行一个本地保存,每次访问系统API都携带上token与设备信息。

    2. 服务端就可以通过token找到与它绑定的账号与设备信息,然后把绑定的设备信息与客户端每次传来的设备信息进行比较, 如果相同,那么校验通过,返回AP接口响应数据, 如果不同,那就是校验不通过拒绝访问

    从前面这个流程,我们可以看到,客户端不会也没必要保存你的密码,相反,它是保存了token。可能有些同学会想,这个token这么重要,万一被别人知道了怎么办。实际上,知道了也没有影响, 因为设备信息是唯一的,只要你的设备信息别人不知道, 别人拿其他设备来访问,验证也是不通过的。

    可以说,客户端登录的目的,就是获得属于自己的token。

    那么在扫码登录过程中,PC端是怎么获得属于自己的token呢?不可能手机端直接把自己的token给PC端用!token只能属于某个客户端私有,其他人或者是其他客户端是用不了的。在分析这个问题之前,我们有必要先梳理一下,扫描二维码登录的一般步骤是什么样的。这可以帮助我们梳理清楚整个过程,

    扫描二维码登录的一般步骤

    大概流程

    09e3489b9edb6a6c99a26f2b4d60d0c7.png
    1. 扫码前,手机端应用是已登录状态,PC端显示一个二维码,等待扫描

    2. 手机端打开应用,扫描PC端的二维码,扫描后,会提示"已扫描,请在手机端点击确认"

    3. 用户在手机端点击确认,确认后PC端登录就成功了

    可以看到,二维码在中间有三个状态, 待扫描,已扫描待确认,已确认。那么可以想象

    0313896efb70a674334cc219376c1f8d.png
    1. 二维码的背后它一定存在一个唯一性的ID,当二维码生成时,这个ID也一起生成,并且绑定了PC端的设备信息

    2. 手机去扫描这个二维码

    3. 二维码切换为 已扫描待确认状态, 此时就会将账号信息与这个ID绑定

    4. 当手机端确认登录时,它就会生成PC端用于登录的token,并返回给PC端

    好了,到这里,基本思路就已经清晰了,接下来我们把整个过程再具体化一下

    二维码准备

    按二维码不同状态来看, 首先是等待扫描状态,用户打开PC端,切换到二维码登录界面时。

    a63c97f2701fb2615eadc293aee9184c.png
    1. PC端向服务端发起请求,告诉服务端,我要生成用户登录的二维码,并且把PC端设备信息也传递给服务端

    2. 服务端收到请求后,它生成二维码ID,并将二维码ID与PC端设备信息进行绑定

    3. 然后把二维码ID返回给PC端

    4. PC端收到二维码ID后,生成二维码(二维码中肯定包含了ID)

    5. 为了及时知道二维码的状态,客户端在展现二维码后,PC端不断的轮询服务端,比如每隔一秒就轮询一次,请求服务端告诉当前二维码的状态及相关信息

    二维码已经准好了,接下来就是扫描状态

    扫描状态切换

    5798822eb4d375d3267f8a9bc689152c.png
    1. 用户用手机去扫描PC端的二维码,通过二维码内容取到其中的二维码ID

    2. 再调用服务端API将移动端的身份信息与二维码ID一起发送给服务端

    3. 服务端接收到后,它可以将身份信息与二维码ID进行绑定,生成临时token。然后返回给手机端

    4. 因为PC端一直在轮询二维码状态,所以这时候二维码状态发生了改变,它就可以在界面上把二维码状态更新为已扫描

    那么为什么需要返回给手机端一个临时token呢?临时token与token一样,它也是一种身份凭证,不同的地方在于它只能用一次,用过就失效。

    在第三步骤中返回临时token,为的就是手机端在下一步操作时,可以用它作为凭证。以此确保扫码,登录两步操作是同一部手机端发出的,

    状态确认

    最后就是状态的确认了。

    f173bb3252e543d5e4e04ce34de7d197.png
    1. 手机端在接收到临时token后会弹出确认登录界面,用户点击确认时,手机端携带临时token用来调用服务端的接口,告诉服务端,我已经确认

    2. 服务端收到确认后,根据二维码ID绑定的设备信息与账号信息,生成用户PC端登录的token

    3. 这时候PC端的轮询接口,它就可以得知二维码的状态已经变成了"已确认"。并且从服务端可以获取到用户登录的token

    4. 到这里,登录就成功了,后端PC端就可以用token去访问服务端的资源了

    扫码动作的基础流程都讲完了,有些细节还没有深入介绍,

    比如二维码的内容是什么?

    • 可以是二维码ID

    • 可以是包含二维码ID的一个url地址

    在扫码确认这一步,用户取消了怎么处理?这些细节都留给大家思考

    总结

    a521f8467c5963edecd1d341dbdb6f7b.png

    我们从登陆的本质触发,探索二维码扫码登录是如何做到的

    1. 告诉系统我是谁

    2. 向系统证明我谁

    在这个过程中,我们先简单讲了两个前提知识,

    • 一个是二维码原理,

    • 一个是基于token的认证机制。

    然后我们以二维码状态为轴,分析了这背后的逻辑: 通过token认证机制与二维码状态变化来实现扫码登录.

    需要指出的是,前面的讲的登录流程,它适用于同一个系统的PC端,WEB端,移动端。

    平时我们还有另外一种场景也比较常见,那就是通过第三方应用来扫码登录,那么这种通过第三方应用扫码登录又是什么原理呢?

    感兴趣的同学可以思考研究一下,欢迎在评论区留下你的见解。

    转自:大古同学

    https://juejin.cn/post/6940976355097985032

    6c39f63b361f745c96b3afc4f64855b9.png

    最后

    欢迎关注我的新号【前端热榜】,每天中午分享一篇高质量的文章

    回复「电子书」,下载27本电子书,包含前端面试、思维图等!

    回复「加群」,吹吹水、聊聊技术、吐吐槽!

    回复「进阶」,下载进阶资料包!

    如果这篇文章对你有帮助,「在看」是最大的支持

    “在看和转发”就是最大的支持

    展开全文
  • 二维码扫码登录是什么原理 在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更...

    二维码扫码登录是什么原理

    在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码的原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。

    二维码,大家再熟悉不过了

    购物扫个码,吃饭扫个码,坐公交也扫个码

     

     

    在扫码的过程中,大家可能会有疑问:这二维码安全吗?会不会泄漏我的个人信息?更深度的用户还会考虑:我的系统是不是也可以搞一个二维码来推广呢?

    这时候就需要了解一下二维码背后的技术和逻辑了!

    二维码最常用的场景之一就是通过手机端应用扫描PC或者WEB端的二维码,来登录同一个系统。 比如手机微信扫码登录PC端微信,手机淘宝扫码登录PC端淘宝。 那么就让我们来看一下,二维码登录是怎么操作的!

    二维码登录的本质

    二维码登录本质上也是一种登录认证方式。既然是登录认证,要做的也就两件事情!

    1. 告诉系统我是谁
    2. 向系统证明我是谁

    比如账号密码登录,账号就是告诉系统我是谁, 密码就是向系统证明我是谁; 比如手机验证码登录,手机号就是告诉系统我是谁,验证码就是向系统证明我是谁;

    那么扫码登录是怎么做到这两件事情的呢?我们一起来考虑一下

    手机端应用扫PC端二维码,手机端确认后,账号就在PC端登录成功了!这里,PC端登录的账号肯定与手机端是同一个账号。不可能手机端登录的是账号A,而扫码登录以后,PC端登录的是账号B。

    所以,第一件事情,告诉系统我是谁,是比较清楚的!

    通过扫描二维码,把手机端的账号信息传递到PC端,至于是怎么传的,我们后面再说

    第二件事情,向系统证明我是谁。扫码登录过程中,用户并没有去输入密码,也没有输入验证码,或者其他什么码。那是怎么证明的呢?

    有些同学会想到,是不是扫码过程中,把密码传到了PC端呢? 但这是不可能的。因为那样太不安全的,客户端也根本不会去存储密码。我们仔细想一下,其实手机端APP它是已经登录过的,就是说手机端是已经通过登录认证。所说只要扫码确认是这个手机且是这个账号操作的,其实就能间接证明我谁。

    认识二维码

    那么如何做确认呢?我们后面会详细说明,在这之前我们需要先认识一下二维码! 在认识二维码之前我们先看一下一维码!

     

    所谓一维码,也就是条形码,超市里的条形码--这个相信大家都非常熟悉,条形码实际上就是一串数字,它上面存储了商品的序列号。

    二维码其实与条形码类似,只不过它存储的不一定是数字,还可以是任何的字符串,你可以认为,它就是字符串的另外一种表现形式,

    在搜索引擎中搜索二维码,你可以找到很多在线生成二维码的工具网站,这些网站可以提供字符串与二维码之间相互转换的功能,比如 草料二维码网站

     

    在左边的输入框就可以输入你的内容,它可以是文本、网址,文件........。然后就可以生成代表它们的二维码

    你也可以把二维码上传,进行”解码“,然后就可以解析出二维码代表的含义

    系统认证机制

    认识了二维码,我们了解一下移动互联网下的系统认证机制。

    前面我们说过,为了安全,手机端它是不会存储你的登录密码的。 但是在日常使用过程中,我们应该会注意到,只有在你的应用下载下来后,第一次登录的时候,才需要进行一个账号密码的登录, 那之后呢 即使这个应用进程被杀掉,或者手机重启,都是不需要再次输入账号密码的,它可以自动登录。

    其实这背后就是一套基于token的认证机制,我们来看一下这套机制是怎么运行的,

     

    1. 账号密码登录时,客户端会将设备信息一起传递给服务端,
    2. 如果账号密码校验通过,服务端会把账号与设备进行一个绑定,存在一个数据结构中,这个数据结构中包含了账号ID,设备ID,设备类型等等
    const token = {
      acountid:'账号ID',
      deviceid:'登录的设备ID',
      deviceType:'设备类型,如 iso,android,pc......',
    }
    复制代码

    然后服务端会生成一个token,用它来映射数据结构,这个token其实就是一串有着特殊意义的字符串,它的意义就在于,通过它可以找到对应的账号与设备信息,

    1. 客户端得到这个token后,需要进行一个本地保存,每次访问系统API都携带上token与设备信息。
    2. 服务端就可以通过token找到与它绑定的账号与设备信息,然后把绑定的设备信息与客户端每次传来的设备信息进行比较, 如果相同,那么校验通过,返回AP接口响应数据, 如果不同,那就是校验不通过拒绝访问

    从前面这个流程,我们可以看到,客户端不会也没必要保存你的密码,相反,它是保存了token。可能有些同学会想,这个token这么重要,万一被别人知道了怎么办。实际上,知道了也没有影响, 因为设备信息是唯一的,只要你的设备信息别人不知道, 别人拿其他设备来访问,验证也是不通过的。

    可以说,客户端登录的目的,就是获得属于自己的token。

    那么在扫码登录过程中,PC端是怎么获得属于自己的token呢?不可能手机端直接把自己的token给PC端用!token只能属于某个客户端私有,其他人或者是其他客户端是用不了的。在分析这个问题之前,我们有必要先梳理一下,扫描二维码登录的一般步骤是什么样的。这可以帮助我们梳理清楚整个过程,

    扫描二维码登录的一般步骤

    大概流程

    1. 扫码前,手机端应用是已登录状态,PC端显示一个二维码,等待扫描
    2. 手机端打开应用,扫描PC端的二维码,扫描后,会提示"已扫描,请在手机端点击确认"
    3. 用户在手机端点击确认,确认后PC端登录就成功了

    可以看到,二维码在中间有三个状态, 待扫描,已扫描待确认,已确认。 那么可以想象

     

    1. 二维码的背后它一定存在一个唯一性的ID,当二维码生成时,这个ID也一起生成,并且绑定了PC端的设备信息
    2. 手机去扫描这个二维码
    3. 二维码切换为 已扫描待确认状态, 此时就会将账号信息与这个ID绑定
    4. 当手机端确认登录时,它就会生成PC端用于登录的token,并返回给PC端

    好了,到这里,基本思路就已经清晰了,接下来我们把整个过程再具体化一下

    二维码准备

    按二维码不同状态来看, 首先是等待扫描状态,用户打开PC端,切换到二维码登录界面时。

     

    1. PC端向服务端发起请求,告诉服务端,我要生成用户登录的二维码,并且把PC端设备信息也传递给服务端
    2. 服务端收到请求后,它生成二维码ID,并将二维码ID与PC端设备信息进行绑定
    3. 然后把二维码ID返回给PC端
    4. PC端收到二维码ID后,生成二维码(二维码中肯定包含了ID)
    5. 为了及时知道二维码的状态,客户端在展现二维码后,PC端不断的轮询服务端,比如每隔一秒就轮询一次,请求服务端告诉当前二维码的状态及相关信息

    二维码已经准好了,接下来就是扫描状态

    扫描状态切换

     

    1. 用户用手机去扫描PC端的二维码,通过二维码内容取到其中的二维码ID
    2. 再调用服务端API将移动端的身份信息与二维码ID一起发送给服务端
    3. 服务端接收到后,它可以将身份信息与二维码ID进行绑定,生成临时token。然后返回给手机端
    4. 因为PC端一直在轮询二维码状态,所以这时候二维码状态发生了改变,它就可以在界面上把二维码状态更新为已扫描

    那么为什么需要返回给手机端一个临时token呢?临时token与token一样,它也是一种身份凭证,不同的地方在于它只能用一次,用过就失效。

    在第三步骤中返回临时token,为的就是手机端在下一步操作时,可以用它作为凭证。以此确保扫码,登录两步操作是同一部手机端发出的,

    状态确认

    最后就是状态的确认了。

     

    1. 手机端在接收到临时token后会弹出确认登录界面,用户点击确认时,手机端携带临时token用来调用服务端的接口,告诉服务端,我已经确认
    2. 服务端收到确认后,根据二维码ID绑定的设备信息与账号信息,生成用户PC端登录的token
    3. 这时候PC端的轮询接口,它就可以得知二维码的状态已经变成了"已确认"。并且从服务端可以获取到用户登录的token
    4. 到这里,登录就成功了,后端PC端就可以用token去访问服务端的资源了

    扫码动作的基础流程都讲完了,有些细节还没有深入介绍,

    比如二维码的内容是什么?

    • 可以是二维码ID
    • 可以是包含二维码ID的一个url地址

    在扫码确认这一步,用户取消了怎么处理? 这些细节都留给大家思考

    总结

     

    我们从登陆的本质触发,探索二维码扫码登录是如何做到的

    1. 告诉系统我是谁
    2. 向系统证明我谁

    在这个过程中,我们先简单讲了两个前提知识,

    • 一个是二维码原理,
    • 一个是基于token的认证机制。

    然后我们以二维码状态为轴,分析了这背后的逻辑: 通过token认证机制与二维码状态变化来实现扫码登录.

    需要指出的是,前面的讲的登录流程,它适用于同一个系统的PC端,WEB端,移动端。

    平时我们还有另外一种场景也比较常见,那就是通过第三方应用来扫码登录,比如极客时间/掘金 都可以选择微信/QQ等扫码登录,那么这种通过第三方应用扫码登录又是什么原理呢?

    感兴趣的同学可以思考研究一下,欢迎在评论区留下你的见解。

    展开全文
  • 作者:大古同学链接:https://juejin.cn/post/6940976355097985032二维码扫码登录是什么原理前几天看了极客时间一个二维码的视频,写的不错,这里总结下在日...
  • 二维码的制作及原理

    千次阅读 2021-04-03 14:36:20
    简要介绍二维码的制作原理 随着社会的发展和科技的进步,二维码的出现大大的方便了我们的生活,并提高了我们的生活水平。在我们现在的生活中充斥着各种的二维码,基本每天的生活都离不开二维码。条码的发展经历了...
  • 了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。 二维码,大家再熟悉不过了 购物扫个码,吃饭扫个码,坐...
  • 二维码扫码登陆原理

    2021-04-15 14:21:03
    了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。 在扫码的过程中,大家可能会有疑问,这二维码安全吗?会...
  • 微信扫描二维码登陆的实现原理

    千次阅读 2021-03-03 15:19:33
    作者:程序员自由之路https://www.cnblogs.com/54chensongxia/p/12530268.html随着微信的普及,我们可以通过微信扫描设备二维码来实现IoT物...
  • Gravity:环形二维码扫描识别传感器是DFRobot新出品的一款高集成、性能优良的二维码识别传感器,外形小巧,可以识别通用的一维码跟二维码,采用Gravity接口,接线更方便,传感器自带七彩指示灯,通过指示灯的颜色...
  • 前几天看了极客时间一个二维码的视频[1],写的不错,这里总结下在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码原理,可以为技术人员在技术选型时提供新的...
  • 关注「开源Linux」,选择“设为星标”回复「学习」,有我为您特别筛选的学习资料~在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码原理,可以为技术人员...
  • 文章目录1、二维码应用场景及安全问题2、二维码登录的本质3、二维码验证机制的原理解析4、深入理解二维码在登录的交互过程5、总结感悟 1、二维码应用场景及安全问题 二维码使用广泛,生活处处都有二维码的使用场景。...
  • 原理二维码技术利用在二维平面上黑白相间的图形来记录数据,这些几何图形通过一定规律分布来表示特定信息 一维码只在水平方向保留了信息,其垂直方向则不表达任何信息,其保留的一定高度是为了便于阅读器的校准 ...
  • 下面进一步介绍二维码纠错相关的编码矩阵 1 范德蒙德(Vandermonde)矩阵 在线性代数中有一种矩阵称为范德蒙德矩阵,它的任意的子方阵均为可逆方阵。一个mmm行nnn列的范德蒙德矩阵定义如下,其中aia_iai​ 均不相同...
  • 数据准确性高,安全性高:二、二维码技术特点:1. 存贮密度大,数据格式多样2. 拥有纠错能力3. 版本众多,可应用于不同场景,自由度高4. 经济便宜,易于制作三、基于RFID或二维码的实际应用:1. 基于 RFID 技术的...
  • 作者 |ask_the_sky来源 |https://juejin.cn/post/6940976355097985032前几天看了一个二维码的视频,写的不错,这里总结下。在日常生活中...
  • 了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中遇到的各种二维码,防止上当受骗。 二维码,大家再熟悉不过了:购物扫个码,吃饭扫个码,坐...
  • 在日常生活中,二维码出现在很多场景,比如超市支付、系统登录、应用下载等等。了解二维码原理,可以为技术人员在技术选型时提供新的思路。对于非技术人员呢,除了解惑,还可以引导他更好地辨别生活中...
  • 在现代社会中,我们出行坐公交经常会看到二维码,支付宝微信收款也会有二维码扫一扫,那么这些二维码是怎样生成的了,今天我们不研究二维码原理,只教大家如何制作属于自己的二维码。 1.目的 自己用程序打造一款...
  • 技术方面涉及web开发、小程序开发和服务器数据库的搭建。web开发我们主要使用php,小程序开发使用微信开发者工具   而我负责的是发起签到与扫码签到部分。即用户在web端点击发起签到后,web浏览器显示二维码并...
  • 点击上方“朱小厮的博客”,选择“设为星标”后台回复"书",获取后台回复“k8s”,可领取k8s资料前几天看了一个二维码的视频,写的不错,这里总结下。在日常生活中,二维码出现...
  •   二维码识别作为一种快捷准确的技术已经应用与生活中的购物支付、物体识别及工业AGV导航等领域,典型的二维码识别开源库有arcuo,alvar以及OpenCV中的二维码检测API如QRCodeDetector,在本节中我们将使用aruco库来...
  • 什么是二维码 二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类型:比如:字符,数字,日文,中文等等。...
  • 其中灵活运用防疫二维码,驰援防抗疫情宣传,制作了防疫宣传海报、疫情防护手册、社区疫情排查登记表、二维码条幅标语等一系列二维码广告宣传物料。 一、防疫宣传二维码有哪些优势? 在这些抗疫广告物料中,二维码...
  • 来源:juejin.cn/post/6940976355097985032二维码登录的本质认识二维码系统认证机制扫描二维码登录的一般步骤大概流程二维码准备扫描状态切换状态确认总结前几天看了...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,427
精华内容 12,570
关键字:

二维码技术原理是什么