微信和支付宝二维码技术揭秘

       他山之石，可以攻玉，你对产品和架构思想都是来自于生活，也来自你对行业内别的产品和架构的学习，然后才有了创新。今天想从以下几个方面去总结：

• 我们是否了解二维码？
• 二维码是什么？
• 二维码实战
• 微信网页版登录原理

我们是否了解二维码？

       我们现在每天都在用二维码，比如微信支付，支付宝支付，扫一扫加好友等，还有推广等。这些没有什么好说的，但是我们平常有没有见过这样的事情，有些公司推广了他们研发的产品，使用了IOS和安卓APP做UI交互的，但是推广APP时用了两个二维码，一个是IOS APP的二维码，一个是安卓APP的二维码，为什么会有这么另类的推广，可否集成到一个二维码呢？与之相反的是我们有见过一个二维码没，用安卓手机、IOS手机、微信和支付宝扫描后得到的结果不一样，这些是怎么回事呢？
       还有我们使用微信网页版去登录时(wx.qq.com)，我们使用手机已经登录的微信去扫一扫，就可以登录成功了，这是怎么回事？因为我们平常都是输入账号和二维码之后登录的，现在网页版上是从哪里获取到账号和密码的，手机扫描二维码后手机发送给网页版的吗？

二维码是什么？

       我们去超市买东西时，商品上都会有一个条形码，收银员一扫描就知道了这个商品的编号和价格等，其实条形码就是对物品的一个编号，有时候收银员扫描不出条形码，还可以输入物品上的数字，这就是一个明证。那二维码其实也是存储了一些信息，只不过比起条形码存的内容更多而已，关于二维码是如何编码的，可以参考《二维码的生成细节和原理》，二维码比起条形码有以下优势：

• 存储内容更多；
• 二维码图上有三个定位矩形，保证了我们可以从任意角度甚至是反面都可以识别二维码；
• 二维码增加了纠错机制，也就是说编码了一些冗余信息，这样即使二维码图有破损和残缺都可以识别出。

二维码实战

       比较著名的二维码库主要有zxing、qrcode和zbar，zxing支持java、php、js、python等语言的生成和识别，但是对c++仅支持识别不包含生成(详见zxing-cpp)；qrcode支持c、php、python，但是对于c语言来讲仅支持生成。具体实现可以参考我的https://github.com/zhiyong0804/qrcode，这里就不细讲了，从原理上，我们还必须了解图像识别等方面的算法，比如opencv。

微信网页版登录原理

       我们使用比较高频的社交软件就是QQ和微信了，当然现在还有，其余的人可能是使用陌陌啊，估计这部分人是因为需求比较大，或者上瘾，使用微信或者QQ，我们现在有没有发现都可以使用二维码进行扫描登录，免去了输入账号和密码的过程，但是通过扫描就能登录，那他们的账号信息是如何传递给客户端（PC客户端、网页客户端）的呢？而且我们仔细去分析，不管是谁去扫描都能登录成功，下面我们就以网页版微信（wx.qq.com）为例来分析:
       1. 当我们在浏览器输入wx.qq.com后，网页前端向服务器发起了http请求，微信服务器返回了一个uuid一个字段，然后网页前端发起http登录请求，如下所示：
https://login.wx.qq.com/cgi-bin/mmwebwx-bin/login?loginicon=true&uuid=IZEc0ZwH3w==&tip=0&r=-2022997859&_=1518146428000

获取到uuid.png

图片.png