前言
这是一款针对个人使用的支付宝、QQ、微信收款码三合一整合“系统”。
它本身没有后台,只有一个轻量级的.HTML
文件。
你如果想使用它需要自备域名一枚,服务器或网站空间一个。
原理
收款码三合一,听上去感觉很神奇,其实原理非常简单!
所谓二维码,其实就是包含了一系列字符串的图片罢了。无论是支付宝还是微信的收款码,其本质上是一个包含了收款链接的二维码。所以我们的思路是:如果检测是支付宝浏览页面,就给出支付宝的付款链接,如果是微信,就给出微信链接……
然后这里涉及到一个知识点 User-Agent
大厂的webview都会携带自家的UA信息,比如说:
- QQ:
MQQBrowser/6.2 TBS/043221 Safari/537.36 QQ/7.0.0.3135
- 微信:
MQQBrowser/6.2 TBS 043220 Safari/537.36MicroMessenger/6.5.8.1060NetType/4G Language/zh_CN
- 支付宝:
UCBrowser/11.5.0.939UCBS/2.10.1.6MobileSafari/537.36AliApp(AP/10.0.15.051805)AlipayClient/10.0.15.051805Language/zh-Hans
这样就很轻松区分是QQ还是微信还是支付宝扫码了:
User-Agent
含有 QQ/ 为QQUser-Agent
含有 MicroMessenger 为微信User-Agent
含有 Alipay 为支付宝
所谓二维码,其实就是包含了一系列字符串的图片罢了。无论是支付宝还是微信的收款码,其本质上是一个包含了收款链接的二维码。所以我们的思路是:如果检测是支付宝浏览页面,就给出支付宝的付款链接,如果是微信,就给出微信链接……
然后这里涉及到一个知识点 User-Agent
大厂的webview都会携带自家的UA信息,比如说:
- QQ:
MQQBrowser/6.2 TBS/043221 Safari/537.36 QQ/7.0.0.3135
- 微信:
MQQBrowser/6.2 TBS 043220 Safari/537.36MicroMessenger/6.5.8.1060NetType/4G Language/zh_CN
- 支付宝:
UCBrowser/11.5.0.939UCBS/2.10.1.6MobileSafari/537.36AliApp(AP/10.0.15.051805)AlipayClient/10.0.15.051805Language/zh-Hans
这样就很轻松区分是QQ还是微信还是支付宝扫码了:
User-Agent
含有 QQ/ 为QQUser-Agent
含有 MicroMessenger 为微信User-Agent
含有 Alipay 为支付宝
既然能够区分每个软件,那就可以通过自建一个网址,通过二维码生成扫描这个网址后,判断浏览器的UA,来分发不同的收款码既然能够区分每个软件,那就可以通过自建一个网址,通过二维码生成扫描这个网址后,判断浏览器的UA,来分发不同的收款码
大致的流程则为
- 客户端扫码 -> 服务端根据
User-Agent
判断客户端类型 -> 分别返回不同的处理
另外值得注意的是
- QQ:https 协议,无法唤醒QQ需要二次长按扫码
- 支付宝:https 协议,可直接唤醒支付宝 APP
- 微信:微信自己的支付协议,无法唤醒微信需要二次长按扫码
步骤
- 找到一个二维码解密网站,上传并解密你的支付宝、QQ、微信收款码,复制解密好的内容备用
- 编辑本源码的
.HTML
文件,修改里面的付款url
替换成自己的(就是上面解密的) - 把修改好的的源码上传至服务器或网站空间,绑定上域名,然后就OK了
源码
下载链接:triple-qr.zip
演示
实例演示:https://blog.xuelg.com/pay/
演示截图,如果可以的话,不妨打赏作者一份
好吧,文章到此结束 其实也没啥技术含量,自己也几乎用不到,写给有需要的人吧,顺便水水文
本文由 血莲聆空 创作,采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为: 2021年09月14日 13:29:08