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

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

分析

能不能把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=462369233&ac=85CCA61B3297A14170CA733F85CFD04570EA3B81CB753F421194E5C79701B294&n=Mamba&f=wallet
(https 协议,无法唤醒QQ)
支付宝:HTTPS://QR.ALIPAY.COM/FKX028454NIDTGHALS3WAF
(https 协议,可直接唤醒支付宝 APP)
微信:wxp://f2f0OI0K-DjKTUUo5ijir72IR4EeOdb9__8h
(微信自己的支付协议,无法唤醒微信)

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

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

代码如下:

  1. <?php
  2. $ua = $_SERVER['HTTP_USER_AGENT'];
  3. if (strpos($ua, 'MicroMessenger')) {
  4. $type = 'wepay';
  5. $name = '微信支付';
  6. //微信支付链接
  7. $url = 'wxp://f2f0OI0K-DjKTUUo5ijir72IR4EeOdb9__8h';
  8. $icon_img = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojrwgr20oj303k03kglg.jpg" width="48px" height="48px" alt="'.$name.'">';
  9. }
  10. elseif (strpos($ua, 'AlipayClient')) {
  11. //支付宝链接
  12. $url = 'HTTPS://QR.ALIPAY.COM/FKX028454NIDTGHALS3WAF';
  13. header('location: ' . $url);
  14. }
  15. elseif (strpos($ua, 'QQ/')) {
  16. $type = 'qq';
  17. $name = 'QQ钱包支付';
  18. //QQ钱包支付链接
  19. $url = 'https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=462369233&ac=85CCA61B3297A14170CA733F85CFD04570EA3B81CB753F421194E5C79701B294&n=Mamba&f=wallet';
  20. $icon_img = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojrvmp427j303k03kjrb.jpg" width="48px" height="48px" alt="'.$name.'">';
  21. }
  22. else {
  23. $type = 'other';
  24. $name = '打赏作者';
  25. $url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
  26. $icon_img = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojs089x6tj303k03kjr6.jpg" width="48px" height="48px" alt="'.$name.'">';
  27. }
  28. $qr_img = '<img src="http://qr.liantu.com/api.php?text='.urlencode($url).'">';
  29. ?>
  30. <!DOCTYPE html>
  31. <html>
  32. <head>
  33. <meta charset="utf-8">
  34. <meta name="renderer" content="webkit">
  35. <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
  36. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  37. <title><?=$name?></title>
  38. <style type="text/css">
  39. * {margin: auto;padding: 0;border: 0;}
  40. html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
  41. body {font-family: -apple-system, SF UI Text, Arial, Microsoft YaHei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;color: #333;}
  42. img {max-width: 100%;}
  43. h3 {padding: 10px;}
  44. .container {text-align: center;}
  45. .title {padding: 2em 0;background-color: #fff;}
  46. .content {padding: 2em 1em;color: #fff;}
  47. .wepay {background-color: #23ac38;}
  48. .qq {background-color: #4c97d5;}
  49. .other {background-color: #ff7055;}
  50. </style>
  51. </head>
  52. <body class="<?=$type?>">
  53. <div class="container">
  54. <div class="title"><?=$icon_img?><h1><?=$name?></h1></div>
  55. <div class="content"><?=$type=='other'?$qr_img.'<h3>请使用支付宝、微信、QQ客户端扫码付款</h3>':$qr_img.'<h3>扫描或长按识别二维码,向TA付款</h3>'?></div>
  56. </div>
  57. </body>
  58. </html>

Demo演示

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



评论 17

发表评论


匿名

???

4个月前 ·


匿名

在吗的

5年前 · 山东 临沂


匿名

博客不会安装 很喜欢怎么办

5年前 · 北京 北京

Mamba 博主

回复 匿名:可以联系博主

5年前 · 广东 广州


博大的海

代码写好了,但是怎么转换成二维码?

5年前 · 湖南 长沙

Mamba 博主

回复 博大的海:放服务器上啊

5年前 · 广东 广州


匿名

666

5年前 · 广东 深圳


匿名

好像能用呀

5年前 · 河北 秦皇岛

Mamba 博主

回复 匿名:可以啊!就是微信和QQ要识别二维码,支付宝不用

5年前 · 广东 广州

匿名

回复 Mamba:可以用!

5年前 · 广东 广州

Top