三合一(炫酷)聚合收款码在线生成

前言

最初接触到收款码三合一是芝麻收款，刚开始是免费的，后来价格变成了5rmb生成一次。后面一个是买的源码，用了一段时间提示什么小媳妇让我把你站禁了(￣▽￣)~*，找了作者之后前一段时间又提示让买源码。。。想把他这个限制给取消了，但是刚看完html+css教程的我只能束手无策，于是就萌生了自己搞一个生成系统的想法。

演示网站：http://skm.002yun.top/

原理

分析之后发现只需要两个页面。

• 生成页面 这个就是网站主页面，有两个功能，一个是上传qq、微信、支付宝收款码并将它们解析成链接，还有一个是将这几个链接合起来，然后生成合并之后的二维码。解析和生成都是用了jQuery的qrcode插件，为了美观，用canvas绘制收款码的样式。

• 收款页面 当移动设备扫描了之前生成的收款码，这个页面被打开并会获取收款码中传入的三个参数（qq、微信、支付宝链接），然后根据浏览器UA判断当前是什么软件扫的二维码，qq和微信不能直接唤起支付，这时显示二维码界面供用户长按付款，支付宝可以直接进去转账页面。

这样的话这个网站就做好了，还有因为这三个收款码链接加起来特别长，生成的二维码比较密集（也就是丑），然后就通过suo.im新浪短网址将长网址缩短，这样生成的二维码就会简单一点。

使用

1. 下载源码，上传到自己的服务器或虚拟主机。
2. 打开index.html，选择引用图片的方式，默认为引用淘宝图片，速度快。如果不想使用淘宝图片，可以使用引用本地图片方式，文件中已注明。
3. 在/js/index.js中更换自己的支付宝红包码和红包口令，如不需要生成界面的红包广告则删除相关代码，文件中已标明。

如果遇到什么问题的话请反馈，虽然我也不一定能解决ヾ(๑╹◡╹)ﾉ”

预览