--- theme: channing-cyan highlight: arta --- >参考资料：[多合一收款二维码原理及实现(源码)](https://mkblog.cn/922/) ## 一、效果展示展示地址：[程序员南方者 - 万能打赏收款码](http://nanfangzhe.gitee.io/pay/)
源码地址：[打赏码（三合一）：支付宝、微信、QQ](https://gitee.com/nanfangzhe/pay)
效果图： ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7a8e449847d64b41938d0e1de9bd5059~tplv-k3u1fbpfcp-watermark.image?) ## 二、前言 >这是原资料的内容： >![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/28248fd2010e4109a7064cb67d513187~tplv-k3u1fbpfcp-watermark.image?) ## 三、分析与实现进行总结一下 ### 1 实现原理手机使用的APP软件进行扫码时，进行检测对应的付款链接。
（如：1️⃣用支付宝扫码是跳转支付宝收款链接.2️⃣用微信扫码是跳转微信收款码链接...） ### 2 实现条件 1️⃣ 保存需要添加的收款（打赏）码
2️⃣ 收款（打赏）码进行转换成链接（这里使用的是[草料二维码](https://cli.im/deqr/)进行转换链接）
3️⃣ 网站空间（因为收款码需要中转，这里采用的是[Gitee](https://gitee.com/)提供的Gitee Pages 服务） ### 3 实现过程源码由该前辈都已写好，我们就只需要完成收款（打赏）码转换成的链接替换对应的。 ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e090314c84734240951c7d0103a1581c~tplv-k3u1fbpfcp-watermark.image?) 后续如果要添加东西上去，可以完善得更好的，对其进行个性化万能码~
最后，再贴一下前辈写的资料地址：[多合一收款二维码原理及实现(源码)](https://mkblog.cn/922/)
前辈写的源码地址：[📱 微信、支付宝、QQ 三合一收款二维码（单文件版）](https://github.com/mengkunsoft/OneQRCode) ## 四、源码（因为Gitee上屏蔽了阅览源码，所以这里展示一下源码吧~） ```html 打赏》程序员南方者》万能收款码

打赏》程序员南方者》万能收款码

``` ## 文章小尾巴文章写作、模板、文章小尾巴可参考：[《写作“小心思”》](https://juejin.cn/post/7041996365487931423)
　　感谢你看到最后，最后再说两点~
　　①如果你持有不同的看法，欢迎你在文章下方进行留言、评论。
　　②如果对你有帮助，或者你认可的话，欢迎给个小点赞，支持一下~
　　**[我是南方者，一个热爱计算机更热爱祖国的南方人。](https://nanfangzhe.gitee.io/)**

　　（文章内容仅供学习参考，如有侵权，非常抱歉，请立即联系作者删除。）