吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 28299|回复: 84
收起左侧

[其他原创] 【原创源码】【web】+ qq、微信、支付宝收款码三合一在线生成系统

    [复制链接]
打个大西瓜 发表于 2019-1-19 22:49
本帖最后由 打个大西瓜 于 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端:


新版pc.png

移动端:
GIFF.gif


免费评分

参与人数 23吾爱币 +21 热心值 +21 收起 理由
袅袅系秋风 + 1 + 1 我很赞同!
tomlong + 1 谢谢@Thanks!
fisherpau + 1 + 1 用心讨论,共获提升!
x8424602 + 1 + 1 热心回复!
shuying6 + 1 + 1 我很赞同!
zhang616 + 1 + 1 谢谢@Thanks!
207900285 + 1 + 1 谢谢@Thanks!
yukoyu + 1 + 1 谢谢@Thanks!
黑小龙 + 1 我很赞同!
MyTH + 1 + 1 配合账单监控 https://www.jianshu.com/p/0f68f6740f49
labtiab911 + 1 + 1 热心回复!
yuanshan + 1 + 1 感谢发布原创作品,吾爱破解论坛因你更精彩!
浪漫人字脱 + 1 + 1 感谢分享可贵
xhackf + 1 支付宝不能识别修改index.js第200行为: }else if(url.indexOf('alipay') =.
evarn + 1 + 1 感谢发布原创作品,吾爱破解论坛因你更精彩!
hansole + 1 + 1 谢谢@Thanks!
kk1212 + 1 谢谢@Thanks!
qaz003 + 1 + 1 谢谢@Thanks!
xiayuanzhi + 1 显示生成成功,但是二维码简化失败怎么办
pwp + 2 + 1 我很赞同!
Ada + 1 + 1 用心讨论,共获提升!
唐寅飞飞 + 1 + 1 热心回复!
龙啸舞 + 1 + 1 我很赞同!

查看全部评分

本帖被以下淘专辑推荐:

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

太子爷_振 发表于 2019-5-31 20:39
那个请问方便发下你那个网站的弹窗吗,弹窗+图片的那个
 楼主| 打个大西瓜 发表于 2019-1-20 09:57
十二星 发表于 2019-1-19 23:58
该收款码不是支付宝收款码,请上传支付宝收款码

把你支付宝解析后的链接发出来看一下,我做了格式限制,不知道你们的会不会是其他格式
gunxsword 发表于 2019-1-19 22:56
龙啸舞 发表于 2019-1-19 22:59
牛逼,晚点测试下,感谢分享
lixiangshan 发表于 2019-1-19 23:00
这个有空试一下,实用。
dayer 发表于 2019-1-19 23:02
感觉很厉害,等会下载下来看看
jmpengbo 发表于 2019-1-19 23:18
感谢分享,以后可能会用到,感谢!
whx2017whx 发表于 2019-1-19 23:38
谢谢大佬,学习了
wwwhuanghaijing 发表于 2019-1-19 23:45
该收款码不是支付宝收款码,请上传支付宝收款码     
灰灰鼠精灵 发表于 2019-1-19 23:51
一直提示:该收款码不是支付宝收款码,请上传支付宝收款码......怎么回事?
十二星 发表于 2019-1-19 23:58
该收款码不是支付宝收款码,请上传支付宝收款码
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则 警告:本版块禁止灌水或回复与主题无关内容,违者重罚!

快速回复 收藏帖子 返回列表 搜索

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-3-29 20:53

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表