多合一收款二维码原理及实现(源码)

简介：

多合一收款额二维码原理其实很简单！

无论是支付宝还是微信的收款码，其本质上是一个包含了收款链接的二维码。所以我们的思路是：检测是什么应用打开了付款链接并跳转对应的收款码链接。

那么问题来了，如何进行判断呢？

很好办，根据UA就能进行判定了！不懂什么是UA？前往百度User-Agent。

这部分代码如下:

1. if(navigator.userAgent.match(/Alipay/i)) {
2.     // 支付宝
3. } else if(navigator.userAgent.match(/MicroMessenger\//i)) {
4.     // 微信
5. } else if(navigator.userAgent.match(/QQ\//i)) {
6.     // QQ
7. } else {
8.     // 其它
9. }




理论上来说，进行判定后直接给跳转到对应的收款页面就行了，然而世界测试发现在QQ和微信中并不能直接调用付款功能，只有支付宝能直接进行付款。

这里想到一个折中的办法：如果是QQ或微信扫码，就显示对应的二维码，让用户通过长按识别二维码进入支付。

最终完成效果如下：






你可以用QQ、微信或支付宝中任意一个扫描这个二维码进行测试（如果能打个赏，那就更不好不过了，Thanks♪(･ω･)ﾉ）

注：请将代码中的付款地址修改为自己的。

请用专门的Html编辑器（如notepad++等）进行编辑，切勿直接用记事本编辑，否则可能出现中文乱码！