支付二维码整合 - 三码合一支持支付宝、QQ、微信

阿兵_

于 2021-07-06 15:39:48 发布

阅读量1.9k

点赞数 1

分类专栏： Blog 文章标签： nginx reactjs javascript html css

本文链接：https://blog.csdn.net/weixin_39130261/article/details/118521840

版权

本文介绍了如何整合支付宝、QQ、微信的支付二维码，通过Nginx分发内容、生成统一风格的二维码以及前端代码优化，尝试实现三码合一。然而，过程中遇到了QQ和微信的安全规避问题，以及支付宝内加载JS的限制，使得方案存在局限性。建议有实际需求的采用第三方服务。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在写代码前，我们需要先获取不同支付方式的二维码内容。很简单，只需要打开各个支付码，截图，然后随便找个可以扫码的工具把各个码的内容给扫出来，得到文本内容即可。下面是我的内容：

支付宝：

https://qr.alipay.com/tsx108134acakckixsivtd4

微信：

wxp://f2f0kIl6qSrlWNFuIo8t8rXCU7Si7CC7ucQs

QQ：

https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&f=wallet&a=1&ac=CAEQi5uqmQMY8Y-T_wU%3D_xxx_sign&u=QQ号&n=昵称

可以看到各个支付方式都是甚于带参跳转协议，所以我们可以用一个固定的网址，让它去检测不同的网站进而跳转不同的链接。
这一步可以用后台程序跳转，也可以用Nginx 这样的服务器去做，因为只需要能对请求的内容做区分就可以了。