资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/制作QQ微信支付宝三合一收款码

制作QQ微信支付宝三合一收款码

Pines_Cheng / 2141人阅读

摘要：所以，我也想加一个打赏功能分析但在逛了一圈之后发现，打赏插件基本上千篇一律的扫码微信扫码支付宝扫码。但由于与微信无法直接唤醒，所以直接输出一个与微信的二维码，然后长按扫码实现支付。

前言

最近在逛博客时，发现很多博客都带了打赏功能，虽说打赏的人可能很少，但始终是一份心意，能让博主知道自己写的文章有用，能够帮助到人。所以，我也想加一个打赏功能~

分析

但在github逛了一圈之后发现，打赏插件基本上千篇一律的：QQ扫码/微信扫码/支付宝扫码。


有的是点击每个按钮出现每个收款码


有的则是每个收款码全部展现出来

微信扫这个，支付宝扫那个，不仅要加载多张二维码，还要加css/js让它变的好看，作为一个又懒又不想写这些东西的程序猿来说，这可不行。

那能不能把QQ微信支付宝三合一，只需要扫一个收款码就行呢？
这里涉及到一个知识点，则是User-Agent，大厂的webview都会携带自家的UA信息，比如说：

QQ：MQQBrowser/6.2 TBS/043221 Safari/537.36 QQ/7.0.0.3135
微信：MQQBrowser/6.2 TBS 043220 Safari/537.36 MicroMessenger/6.5.8.1060 NetType/4G Language/zh_CN
支付宝：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

这样就很轻松区分是QQ还是微信还是支付宝扫码了：

User-Agent 含有 QQ/ 为QQ
User-Agent 含有 MicroMessenger 为微信
User-Agent 含有 AlipayClient 为支付宝

既然能够区分每个软件，那就可以通过自建一个网址，通过二维码生成扫描这个网址后，判断浏览器的UA，来分发不同的收款码

大致的流程则为：
客户端扫码 -> 服务端根据 User-Agent 判断客户端类型 -> 分别返回不同的处理

开始折腾

首先解码QQ、微信和支付宝生成的付款码，可以去这里在线解码。

QQ：https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=17878127&ac=E04BE442991E7FFED28B3B5C3E187148F063DC3C6DACAD2983C87B482FC9E7AD&n=薛定谔的猫&f=wallet
（https 协议，无法唤醒QQ）
支付宝：HTTPS://QR.ALIPAY.COM/FKX03549OW666ME7BXWF7A
（https 协议，可直接唤醒支付宝 APP）
微信：wxp://f2f09hjzo72AAYEITIBaolV-3cvGrDjE0q7k
（微信自己的支付协议，无法唤醒微信）

下面就可以直接写代码了，判断 User-Agent 如果是支付宝直接跳转支付宝链接，如果是QQ和微信则跳转QQ和微信的链接。

但由于QQ与微信无法直接唤醒APP，所以直接输出一个QQ与微信的二维码，然后长按扫码实现支付。

代码如下：

";
}
elseif (strpos($ua, "AlipayClient")) {
    //支付宝链接
    $url = "HTTPS://QR.ALIPAY.COM/FKX03479QJ0RVOS3UJLQAE";
    header("location: " . $url);
}
elseif (strpos($ua, "QQ/")) {
    $type = "qq";
    $name = "QQ钱包支付";
    //QQ钱包支付链接
    $url = "https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=17878127&ac=E04BE442991E7FFED28B3B5C3E187148F063DC3C6DACAD2983C87B482FC9E7AD&n=薛定谔的猫&f=wallet";
    $icon_img = "";
}
else {
    $type = "other";
    $name = "打赏作者";
    $url = "http://".$_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];
    $icon_img = "";
}
$qr_img = "";
?>



    
    
    
    
    <?=$name?>
    


    

        

        
请使用支付宝、微信、QQ客户端扫码付款":$qr_img."
扫描或长按识别二维码，向TA付款
"?>
Demo演示

可以通过扫描文章底部的二维码进行测试，或点击下面的演示地址：
http://lab.sangsir.com/api/do...

顺便打赏一下作者？

超融合服务器 云服务器 微信收款码 微信收款码怎么申请 微信收款码在哪里 微信支付宝

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/28256.html

相关文章

  • 个人支付接口现状分析——总有一款适合你

    摘要：支付宝支持网站支付，支付，支付和当面付，但是要想接入网站，需要网站备案，并且还要有营业执照。可是，这个途径后来经过证实，支付宝已经停用。缺点也是相当的明显只有支付宝可以用这种方式，因为微信是在内部有一个公众号形式的提示。 0.背景 前段时间准备把自己的博客做成付费阅读或者订阅的形式，虽然没想着要赢利多少钱，但是起码养的起自己站点域名服务器费用即可。但是大家都懂，草根站长，又没公司，想...

    tylin 评论0 收藏0

  • 准备接入个人支付接口？看完这几款支付产品再做决定！

    摘要：支持的付款方式主打银联信用卡等，付款可以及时到账。支持的付款方式主要是微信支付宝和京东支付。支持微信支付宝扫码支付。 最近在开发自己的网站，想要接入一个第三方的支付平台，但是处在创业初期，还没能成立公司，所以没有企业资质，想接入一款安全且性价比高的收款产品。以本人选择困难症再加点小纠结的个性，对现有的一些第三方支付接口做了一个对比，希望能给有相同需要的和正在寻求相关解决方案的朋友提供一...

    SimonMa 评论0 收藏0

  • 准备接入个人支付接口？看完这几款支付产品再做决定！

    摘要：支持的付款方式主打银联信用卡等，付款可以及时到账。支持的付款方式主要是微信支付宝和京东支付。支持微信支付宝扫码支付。 最近在开发自己的网站，想要接入一个第三方的支付平台，但是处在创业初期，还没能成立公司，所以没有企业资质，想接入一款安全且性价比高的收款产品。以本人选择困难症再加点小纠结的个性，对现有的一些第三方支付接口做了一个对比，希望能给有相同需要的和正在寻求相关解决方案的朋友提供一...

    livem 评论0 收藏0

发表评论

登陆后可评论

0条评论

Pines_Cheng

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<