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

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

一码收款
通过合并后的二维码可以自动识别用户扫码方式,微信扫码则使用微信支付,支付宝扫码则使用支付宝支付,商家无需打印2个二维码,节省成本与空间。

收益最大化
全新扫码转账技术,钱直接转到商家个体 账户,芝麻收款不参与中间转账过程,完 全免费提供技术支持,保证商家利益。

免提现费
用户通过扫描合并后的二维码转账,直接 转到商户个体账户里,省去千分之6的手 续费。

轻松快捷
一码收款,对于用户,无需关注扫码支付 方式,直接扫码付款即可。不用担心不能 微信支付或者支付宝支付。

分析
但在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=315444473&ac=0CC65521FE3BDB4E432EBCBCDCA2ADFED633DEA20D53C00DF6CC62CA4E55F5DC&n=Hankin²º¹⁷&f=wallet

(https 协议,无法唤醒QQ)
支付宝:

HTTPS://QR.ALIPAY.COM/FKX00769SYYJ6JGHW9Z159

(https 协议,可直接唤醒支付宝 APP)
微信:

wxp://f2f0VS95WB1gR_inmR7IzfYC8XzA07ZIjMN9

(微信自己的支付协议,无法唤醒微信)

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

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

代码如下:

/*
首先解码QQ、微信和支付宝生成的收款码,可以去这里在线解码。http://tool.oschina.net/qr?type=2
*/

$urlArr = [
        'wx' => isset($_GET['wx']) ? urldecode($_GET['wx']) : 'wxp://f2f0VS95WB1gR_inmR7IzfYC8XzA07ZIjMN9',
        'alipay' => isset($_GET['alipay']) ? urldecode($_GET['alipay']) : 'HTTPS://QR.ALIPAY.COM/FKX00769SYYJ6JGHW9Z159',
        'qq' => isset($_GET['qq']) ? urldecode($_GET['qq']) : 'https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=315444473&ac=0CC65521FE3BDB4E432EBCBCDCA2ADFED633DEA20D53C00DF6CC62CA4E55F5DC&n=Hankin²º¹⁷&f=wallet',
        'other' => 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'],
        'logo' => isset($_GET['logo']) ? urldecode($_GET['logo']) : './phpqrcode/logo.png',
];

$ua = $_SERVER['HTTP_USER_AGENT'];
if (strpos($ua, 'MicroMessenger')) {
    $type = 'wepay';
    $name = '微信支付';
    //微信支付链接
    $url = $urlArr['wx'];
    $icon_img = '<img src="./phpqrcode/wxpay.jpg" width="48px" height="48px" alt="'.$name.'">';
}
elseif (strpos($ua, 'AlipayClient')) {
    //支付宝链接
    $url = $urlArr['alipay'];
    header('location: ' . $url);
}
elseif (strpos($ua, 'QQ/')) {
    $type = 'qq';
    $name = 'QQ钱包支付';
    //QQ钱包支付链接
    $url = $urlArr['qq'];
    $icon_img = '<img src="./phpqrcode/qqpay.jpg" width="48px" height="48px" alt="'.$name.'">';
}
else {
    $type = 'other';
    $name = '打赏作者';
    $url = $urlArr['other'];
    $icon_img = '<img src="./phpqrcode/pay.jpg" width="48px" height="48px" alt="'.$name.'">';
}
$qr_img = '<img src="api.php?size=8&logo='.$urlArr['logo'].'&text='.urlencode($url).'" />';
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?=$name?></title>
    <style type="text/css">
        * {margin: auto;padding: 0;border: 0;}
        html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
        body {font-family: -apple-system, SF UI Text, Arial, Microsoft YaHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;color: #333;}
        img {max-width: 100%;}
        h3 {padding: 10px;}
        .container {text-align: center;}
        .title {padding: 2em 0;background-color: #fff;}
        .content {padding: 2em 1em;color: #fff;}
        .wepay {background-color: #23ac38;}
        .qq {background-color: #4c97d5;}
        .other {background-color: #ff7055;}
    </style>
</head>
<body class="<?=$type?>">
<div class="container">
    <div class="title"><?=$icon_img?><h1><?=$name?></h1><br><h2><img src="<?= $urlArr['logo']?>" alt="logo" width="50" height="50"></h2></div>
    <div class="content"><?=$type=='other'?$qr_img.'<h3>请使用支付宝、微信、QQ客户端扫码付款</h3>':$qr_img.'<h3>扫描或长按识别二维码,向TA付款</h3>'?></div>
</div>
</body>
</html>

Demo演示

可以通过扫描文章底部的二维码进行测试,或点击下面的演示地址:

www.hanhanjun.com/pay.php

最后修改:4周前 2018-05-22
如果觉得我的文章对你有用,请随意赞赏

共有 0 条评论