您当前的位置:首页  > 程序源码  > 三合一收款码原理及成品源码网站首页日记


正文阅读

三合一收款码原理及成品源码

发布时间:2017-12-29 19:15 Friday编辑:BOSS

    

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

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

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

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

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


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

    最终完成的效果如下:

    TIM.png

    可以拿出手机,打开微信或支付宝测试一下付款哦。

    收款链接获取方法:

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

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

    2017-06-06_125655_75.png

    找到“二维码收款”

    2017-06-06_125749_83.png

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


    Screenshot_2017-12-29-12-45-20.png

    用二维码识别工具

    如:https://cli.im/deqr/  上传二维码图片并获取到二维码中的收款链接。

    2017-06-06_130112_91.png

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


    2017-06-06_130651_78.png

    注:请将代码中第 19、22、25行中的收款链接改为自己的二维码链接。

    PS:请用专门的 Html 编辑器(如 notepad++)进行编辑,不建议直接用记事本编辑,否则可能出现中文乱码。声明:版权归孟坤博客所有

    成品源文件下载:(请上传至空间使用,本地无效)

    此处内容已隐藏,需要先  评论  才可以查看哦

关键字词收款码

版权所有:《BOSS》 => 《三合一收款码原理及成品源码
本文地址:https://www.qqeg.cn/ruan/33.html
除非注明,文章均为 《QQ易学堂》 原创,欢迎转载!转载请注明本文地址,谢谢。


阅读本文后,您的心情是:
 
恶心
愤怒
强赞
感动
路过
无聊
雷囧
关注

发表评论: