当前位置:首页 » 经验心得 » 正文

实现微信支付宝收款二维码二合一源码

652 人参与  2018年07月10日 22:43  分类 : 经验心得  评论

最近把支付宝和微信的收款码和在一起的芝麻收款二维码火了

反正现在开发都是越来越简单了 https://www.hotapp.cn/shouqian    芝麻收款二维码的网址

提交一个微信支付二维码,一个支付宝支付 二维码,会生成一个二维码,

通用支付宝和微信支付 扫描这个二维码,微信支付会跳转到一个h5界面,上边还有一个二维码是财付通的,

识别就可以跳转到微信支付了 支付宝支付,扫描就直接可以跳转到支付宝支付了 

效果图:

实现微信支付宝收款二维码二合一源码

可是原理呢,是这样德: 大家一定都想问是如何判断打开软件的类型,把Request Header Cookie 都看看就明白了,

扫码二维码时不会传入任何参数, 但会有一个请求头,就是这个请求头告知了我打开软件的类型。 

使用request获取名为User-Agent的请求头, 支付宝的请求头:

ucbrowser/1.0.0.100 u3/0.8.0 mobile safari/534.30 alipaydefined(nt:wifi,ws:360|604|3.0) aliapp(ap/9.9.7.112401) alipayclient/9.9.7.112401 language/zh-hans usestatusbar/true

微信的请求头:

mqqbrowser/6.8 tbs/036887 safari/537.36 micromessenger/6.3.31.940 nettype/wifi language/zh_cn

 就是根据这两个请求头去判断对应的软件类型,根据不同的软件类型去唤醒不同的支付。

知道这个要实现起来就简单多了

下面是实现的原理

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

    理论上来说,进行判定后直接给跳转到对应的收款页面就行了,然而实际测试发现在QQ和微信中并不能直接调用付款功能,只有支付宝能直接进行付款。

这里有个折中的办法,就是如果是微信收款就弹出一个H5页面放一个二维码,提示用户长按识别二维码的方法实现。

收款链接获取

1、把微信和支付宝的收款码保存下来用二维码识别工具获取二维码中的收款链接(https://cli.im/deqr/

2、然后分别替换源码中的12、15、18行的收款链接为自己的

3、然后就大功告成了。。。

下载地址:

源码下载

备用地址:

链接: https://pan.baidu.com/s/1iMcNCtxdhrdUoS42qot5Ow 密码: qkk7


参考资料

https://suppore.cn/625.html


来源:http://aisoa.cn/post-2075.html,转载请保留出处和链接!

如果文章帮助到您,而您想帮助本站请点这里赞助我们

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

公告

最近新注册了几个顶级域名
piaomiaoge.com(缥缈阁 小说站)
jupinmao.com(聚品猫 电商站)
lenla.cn(冷啦 5位字母顶级全拼域名)
都是COM顶级全拼域名。


感兴趣的朋友可以看下!!!!


这是我的米店

热门文章

热评文章

最新讨论

最新文章

热门标签

友情链接

XML地图| Mip站点| 本站地图| 站长邮箱

Copyright Your WebSite.Some Rights Reserved.豫ICP备18023032号-1