【云闪付商家收款码 开通全过程视频！】     

               

上面就是云闪付商家收款码的申请全过程 ！您学会了吗？     

          

云闪付服务商官网是：ysffws.com，进入云闪付服务商官网可以直接联系上服务商，服务商可以帮助您完成二 次认证，解决申请过程出现的任何问题，是您申请收款码的好帮手哦！~     

   

---

                  

最近去一家超市，看到很多商家支持支付宝、微信、QQ扫码支付，就自己上网查了一下。 我已经编译了现成的源代码。 有需要的朋友可以自行下载学习。

主要参考芝麻二维码。 无论是支付宝还是微信的支付码，本质上都是一个包含支付链接的二维码。 所以我们的想法是：如果检测页面是支付宝浏览，则给出支付宝支付链接； 如果是微信的话，会给出微信链接...

那么问题来了，如何做出判断呢？

很容易做，根据UA就可以做出判断！

这部分的代码如下：

if(navigator.userAgent.match(/Alipay/i)) { // 支付宝 } else if(navigator.userAgent.match(/MicroMessenger\//i)) { // 微信 } else if(navigator.userAgent.match(/QQ\//i)) { // QQ } else { // 其它 }

复制

理论上来说，做出判断后直接跳转到对应的支付页面就可以了。 但实际测试发现，QQ、微信中无法直接调用支付功能，只有支付宝可以直接支付。

这里只有一个折衷方案：如果通过QQ或微信扫码，则显示二维码界面，让用户长按识别二维码即可进入支付流程。

最终结果如下：

演示网址：

QQ截图221.png

可以用微信或者支付宝扫描这个二维码进行测试（当然如果给张伟的博客点个赞就太好了，偷笑……）

下载成品源码（单文件纯html实现，需要上传到网站空间使用）：

链接： 密码：pmhd

笔记：

1. 请将代码第19、22、25行的付款链接更改为您自己的。

2. 代码第 108、117 和 126 行的文本可以根据您的喜好进行修改。

请使用专门的Html编辑器（如/++）进行编辑。 不要直接用记事本编辑，否则可能会出现中文乱码！

知识拓展：

下面以微信为例。 QQ和支付宝的获取方法类似。

获取各支付二维码截图。

使用二维码识别工具（如二维码）上传二维码图片，获取二维码中的支付链接。 （我不知道为什么有些在我的操作过程中无法识别。替代方法）

只需粘贴获取的付款链接并替换源代码中的链接即可。

// 在以下双引号中粘贴QQ钱包收款链接 qqUrl: "  // 在以下双引号中粘贴微信收款链接 wechatUrl: "  // 在以下双引号中粘贴支付宝收款链接 aliUrl: "

复制