多合一收款二维码原理及实现(源码)

  • 内容
  • 相关

最近芝麻二维码的“收款码合并”火了,它能将微信收款码和支付宝收款码合并为一个二维码!听上去感觉很神奇,其实原理非常简单!

无论是支付宝还是微信的收款码,其本质上是一个包含了收款链接的二维码。所以我们的思路是:检测如果是支付宝浏览页面,就给出支付宝的付款链接、如果是微信,就给出微信链接……

那么问题来了,如何进行判定呢?


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

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

这里就只能用一个折中的办法:如果是QQ或微信扫的码,就再放出一个二维码的界面,让用户通过长按识别二维码进入支付流程。

最终完成的效果如下:

2017-06-06_123606_60.png


你可以用 QQ 或是微信或是支付宝中的任意一个扫描这个二维码进行测试(当然如果还打个款就再好不过了,哈哈哈哈…… 
 )

成品源码下载(单文件纯 html 实现,需上传至网站空间使用):

注:请将代码中第 12、15、18行中的收款链接改为自己的。

请用专门的 Html 编辑器(如 notepad++)进行编辑,切勿直接用记事本编辑,否则可能出现中文乱码!

收款链接获取方法

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

打开微信,点击右上角>收付款

2017-06-06_125655_75.png


找到“二维码收款”

2017-06-06_125749_83.png


将得到的收款二维码保存(截图)

2017-06-06_125857_84.png


用二维码识别工具(如 https://cli.im/deqr/) 上传二维码图片并获取到二维码中的收款链接。

2017-06-06_130112_91.png

将获取到的收款链接粘贴并替换源码中的链接即可。

2017-06-06_130651_78.png

管理员设置回复可下载
多合一收款二维码原理及实现(源码)
         本页正文内容约798个文字
         本文标签:

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/625.html   百度已收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

评论

545条评论
  1. avatar

    S.zk Lv.1 ABrowse r ABrowse r Android 7.1.1 Android 7.1.1 回复

    支持一下

    河南省开封市 联通

    1. avatar

      Autocracy. ° Lv.1 Chrome 49.0.2623.87 Chrome 49.0.2623.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      我只是路过

      天津市 联通

      1. avatar

        一辉线报啊 Lv.1 Chrome 53.0.2785.104 Chrome 53.0.2785.104 Windows Windows 回复

        很好

        河南省平顶山市 电信

        1. avatar

          黄昏 Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows Windows 回复

          很不错的小站,祝站长越做越好!

          广东省深圳市 联通

          1. avatar

            tengchsoft Lv.1 Chrome 53.0.2785.104 Chrome 53.0.2785.104 Windows 7 x64 Edition Windows 7 x64 Edition 回复

            很不错的小站,祝站长越做越好!

            河北省唐山市 电信

            1. avatar

              kupord Lv.1 Chrome 66.0.3359.139 Chrome 66.0.3359.139 Windows 7 Windows 7 回复

              的点点滴滴多多多的点点滴滴

              上海市 鹏博士长城宽带

              1. avatar

                kupord Lv.1 Chrome 66.0.3359.139 Chrome 66.0.3359.139 Windows 7 Windows 7 回复

                反反复复付付付付付付

                上海市 鹏博士长城宽带

                1. avatar

                  ok Lv.1 Chrome 66.0.3359.158 Chrome 66.0.3359.158 Android 8.0.0 Android 8.0.0 回复

                  识别不出来

                  四川省 电信

                  00:00 / 00:00
                  顺序播放