摘要:微信、支付宝、QQ 三合一收款二维码(单页版)源码下载与安装教程
项目名称:微信、支付宝、QQ 三合一收款二维码(单页版)
作者:@mengkun
原理
在 微信、支付宝、QQ 中扫描到一个网址二维码后,一般会通过内置的浏览器打开这个网址。通过判断内置浏览器的 UA,即可得出当前扫码的具体支付平台。
if(navigator.userAgent.match(/Alipay/i)) {
// 支付宝
} else if(navigator.userAgent.match(/MicroMessenger\//i)) {
// 微信
} else if(navigator.userAgent.match(/QQ\//i)) {
// QQ
} else {
// 其它
}
其中,支付宝可以通过直接跳转收款链接唤起付款功能,而 QQ、微信 则需展示出对应的收款码,由用户自行长按识别真正的收款二维码实现唤起付款。
Demo演示

安装方法
第一步、获取收款链接方法
访问如下网址,将获取到的支付宝、微信、QQ二维码点击“上传二维码图片”获得你的二维码解析后的链接
https://cli.im/deqr/

链接格式模板:
支付宝收款链接格式为:https://qr.alipay.com/xxxx
微信收款链接:wxp://f2f0Gxxxxxxx
QQ收款链接:http://vac.qq.com/wallet/qrcode.htm?m=tenpay&a=1&u=xxxxxxxxx
第二步、部署程序单页
1、下载单页程序
①官方下载链接
https://github.com/mengkunsoft/OneQRCode/archive/master.zip
②备用下载链接
https://codeload.github.com/mengkunsoft/OneQRCode/zip/master
2、修改收款链接
打开下载好的“index.html”找到大约16行的
注意:请用专门的 Html 编辑器(如 notepad++)进行编辑,切勿用记事本,否则可能出现乱码!
var setting = { /* 在以下【双引号】中粘贴QQ钱包收款链接 */ qqUrl: "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=1097437863&ac=B4C5BACD47FE6936D4B6DD29D866E1FC3AEA141B073F9DD94DE6404509CEE0FA&n=极云坊&f=wallet", /* 在以下【双引号】中粘贴微信收款链接 */ wechatUrl: "https://wx.tenpay.com/f2f?t=AQAAAFtDAYCgnh0H4NWppc2G0n0%3D", /* 在以下【双引号】中粘贴支付宝收款链接 */ aliUrl: "HTTPS://QR.ALIPAY.COM/FKX05202GE16QHOXXX7NE6",
3、将你在第一步获取的收款链接替换进相应的位置,然后保存。
4、上传单页程序
将“index.html”上传至网站根目录即可。
5、访问绑定的域名,然后就可以使用了
github项目地址:https://github.com/mengkunsoft/OneQRCode
原创文章,作者:极云坊,如若转载,请注明出处:《【教程】微信、支付宝、QQ 三合一收款二维码(OneQRCode)单页版》https://www.jyf.me/teach_oneqrcode.html