【原创源码】【web】+ qq、微信、支付宝收款码三合一在线生成系统
本帖最后由 打个大西瓜 于 2019-3-10 20:24 编辑已修复部分用户支付宝收款码不能上传bug，感谢大家的反馈qrcode
qq微信支付宝三合一在线生成
- 自定义收款码颜色
- 二维码简化
演示网站：https://qr.no0a.cn
github地址：https://github.com/BWmelon/qrcode
前言
最初接触到收款码三合一是芝麻收款，刚开始是免费的，后来价格变成了5rmb生成一次。之后用过两个收款码生成系统，一个是收款啦，还有一个是优启梦收款码，前面一个用起来挺方便的，就是二维码识别得比较慢，自己想改接口但是没学过php也做不了什么。后面一个是买的源码，用了一段时间提示什么小媳妇让我把你站禁了(￣▽￣)~*，找了作者之后前一段时间又提示让买源码。。。想把他这个限制给取消了，但是刚看完html+css教程的我只能束手无策，于是就萌生了自己搞一个生成系统的想法。
前前后后弄了几个星期，基本上是在边百度边看文档中度过的，因为刚学这个，很多东西也没接触过。把这个系统功能分析了一下，觉得这个全靠html+css+js可以实现，然后就开始百度一步一步实现需求了。
原理
分析之后发现只需要两个页面。
- 生成页面
这个就是网站主页面，有两个功能，一个是上传qq、微信、支付宝收款码并将它们解析成链接，还有一个是将这几个链接合起来，然后生成合并之后的二维码。解析和生成都是用了jQuery的`qrcode`插件，为了美观，用`canvas`绘制收款码的样式。
- 收款页面
当移动设备扫描了之前生成的收款码，这个页面被打开并会获取收款码中传入的三个参数（qq、微信、支付宝链接），然后根据浏览器UA判断当前是什么软件扫的二维码，qq和微信不能直接唤起支付，这时显示二维码界面供用户长按付款，支付宝可以直接进去转账页面。
这样的话这个网站就做好了，生成页面借鉴了收款啦 和 优启梦收款码，为了不太单调而且不把他们的功能生搬硬套的弄过来，想了一会就弄了个换色的功能(感觉没什么用，完全是凑内容的哈哈)，如果需要其他样式的话，可以去他们的网站生成。还有因为这三个收款码链接加起来特别长，生成的二维码比较密集（也就是丑），然后就通过suo.im将长网址缩短，这样生成的二维码就会简单一点。
使用
1. 下载源码，上传到自己的服务器或虚拟主机。
2. 在`/js/index.js`中更换自己的支付宝红包码和红包口令，如不需要生成界面的红包广告则删除相关代码，文件中已标明。
如果遇到什么问题的话请反馈，虽然我也不一定能解决ヾ(๑╹◡╹)ﾉ"
感激
* 收款啦
* 优启梦收款码
* Layui
样式
PC端：
移动端：
那个请问方便发下你那个网站的弹窗吗，弹窗+图片的那个https://i.loli.net/2019/05/31/5cf1208789fbe43207.png 十二星 发表于 2019-1-19 23:58
该收款码不是支付宝收款码，请上传支付宝收款码
把你支付宝解析后的链接发出来看一下，我做了格式限制，不知道你们的会不会是其他格式 感谢分享,以后可能会用到,感谢! 牛逼，晚点测试下，感谢分享 这个有空试一下，实用。
感觉很厉害，等会下载下来看看 感谢分享,以后可能会用到,感谢! 谢谢大佬，学习了 该收款码不是支付宝收款码，请上传支付宝收款码 {:1_908:} 一直提示：该收款码不是支付宝收款码，请上传支付宝收款码......怎么回事？ 该收款码不是支付宝收款码，请上传支付宝收款码