手动创建自己的支付宝和微信二合一收款码,让收款更简单

手动创建自己的支付宝和微信二合一收款码,让收款更简单

 

移动支付的发展使得我们的生活越来越方便,上菜市场买菜基本都不用带钱了,微信和支付宝非常方便的付款。无现金时代距离维码越来越近了。

一些商家来说目前微信,支付宝的合并成一个二维码。这样紫方便用户付款。

也有一些站长在网站上放一个二维码来接受打赏。

 

首先推荐几个直接能使用的。

手动创建自己的支付宝和微信二合一收款码,让收款更简单

获取二维码

微信

  1. 点击右上角“+”号再点击收付款
  2. 点击“我要收款”
  3. 保存收款码或者截屏

支付宝

  1. 点击首页“收钱”
  2. 点击右上角
  3. 保存二维码到相册或截屏

 

百度站长工具

百度的站长工具,提供一个【打赏(内测)】功能。

功能地址:http://zhanzhang.baidu.com/reward/code

其作用是一段Javascript和HTML代码,成功在页面加入打赏功能。可以使用百度钱包,微信,支付宝打赏喽。

手动创建自己的支付宝和微信二合一收款码,让收款更简单

 

使用限制:

必须在申请JS代码的域名下使用。

必须有百度钱包打赏,且排第一个。

演示:http://51.ruyo.net/test/baidu-dashang.html

 

 

 

百度站长打赏A货

由于百度站长打赏有些限制,这里我扒了一下皮。大家可以体验一下。

有完全的源码(右键查看源码),可以自己改样式。

演示以及原文件

 

 

芝麻二维码

这个网站免费提供将微信和支付宝收款码合成一个二维码。

只需要分别上传微信和支付宝的收款二维码即可合成。还可上传自己的Logo~

有木有高大上?

网站地址:https://www.hotapp.cn/shouqian

手动创建自己的支付宝和微信二合一收款码,让收款更简单

 

最后的成品在此~

手动创建自己的支付宝和微信二合一收款码,让收款更简单

 

 

搭建自己服务

这里我们自己制作一个支持微信和支付宝二维码。

高能提醒:以下内容不建议小白用户阅读。

 

思路原理

对于懂一点web知识的朋友来说,很简单很容易理解。

客户端扫码 -> 服务端判断客户端类型 -> 返回不通的处理方式

 

1)首先我们将 微信和支付宝的二维码分别解码,看看真正的链接地址是什么。

PS : 自己百度二维码解码,有好多在线解码的网站。

支付宝,是一个HTTPS链接,手机扫码后会自动呼起支付宝APP

HTTPS://QR.ALIPAY.COM/FKX030126KTDDQSMUxxxx

 

微信,是一个微信Link

wxp://f2f0slfYxzGzJxN0_DdVOX4ZDczw78Txxxxx

 

2)然后查看一下微信和支付宝在扫码后,发送请求所携带的 User Agent 头信息(相同的部分已经去掉)。

支付宝

UCBrowser/11.5.0.939 UCBS/2.10.1.6 Mobile Safari/537.36 AliApp(AP/10.0.15.051805) AlipayClient/10.0.15.051805 Language/zh-Hans

微信

MQQBrowser/6.2 TBS 043220 Safari/537.36 MicroMessenger/6.5.8.1060 NetType/4G Language/zh_CN

嗯,这样就很轻松区分是微信还是支付宝扫码了:

User Agent 含有 MicroMessenger为微信

User Agent 含有 ApliPayClient 为支付宝

 

3)知道原理了,那么撸代码吧。分分钟就写出代码(nodejs)!

判断客户端User Agent 如果是支付宝直接跳转支付宝链接,微信直接跳转微信的链接。

PS: 一切来的好顺利呀~

 

使用支付宝扫码,可以顺利支付转账(哦也~)。

但是微信就麻烦了,微信不允许外部直接调用 微信Link(wxp://)。

我们参考 hotapp 的做法,如果微信扫码,直接输出一个微信二维码,然后长按扫码实现支付。

我们需要制作一个微信的二维码图片,然后修改代码如下。

测试一下,是可以的~ 路子是通的~

 

代码实践

原理也懂了,粗略代码也也好了。那么就开始丰满吧。

马甲花了几个小时写了一个粗略的版本,已经开源。

开源地址:https://github.com/malaohu/Ali-Weixin-QRPay

 

安装脚本

推荐使用NVM安装 http://51.ruyo.net/p/3214.html#3

然后访问:http://ip:3999 看看效果吧。

 

演示效果

http://onepay.jike.info/

https://onepay.arukascloud.io/

  • 版权声明: 本文源自 小马甲, 于3个月前,由整理发表,共 2345字。
  • 原文链接:点此查看原文

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: