分析

微信扫这个,支付宝扫那个,不仅要加载多张二维码,还要加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与微信的二维码,然后长按扫码实现支付。

代码如下:

<?php
$ua = $_SERVER['HTTP_USER_AGENT'];
if (strpos($ua, 'MicroMessenger')) {
$type = 'wepay';
$name = '微信支付';
//微信支付链接
$url = 'wxp://f2f09hjzo72AAYEITIBaolV-3cvGrDjE0q7k';
$icon_img = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojrwgr20oj303k03kglg.jpg" width="48px" height="48px" alt="'.$name.'">';
}
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 = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojrvmp427j303k03kjrb.jpg" width="48px" height="48px" alt="'.$name.'">';
}
else {
$type = 'other';
$name = '打赏作者';
$url = 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
$icon_img = '<img src="http://ww2.sinaimg.cn/large/005zWjpngy1fojs089x6tj303k03kjr6.jpg" width="48px" height="48px" alt="'.$name.'">';
}
$qr_img = '<img src="http://qr.liantu.com/api.php?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></div>
<div class="content"><?=$type=='other'?$qr_img.'<h3>请使用支付宝、微信、QQ客户端扫码付款</h3>':$qr_img.'<h3>扫描或长按识别二维码,向TA付款</h3>'?></div>
</div>
</body>
</html>

最新文章

  1. 3.js模式-策略模式
  2. javascript 与jquery为每个p标签增加onclick方法
  3. iis7 部署mvc4.0
  4. Java for LeetCode 071 Simplify Path
  5. jquery 使用attr() 函数对复选框无效的原因,javascript那些事儿&mdash;&mdash;properties和attributes
  6. 移动Web单页应用开发实践——页面结构化
  7. javascript 特性
  8. JS 中对变量类型的五种判断方法
  9. vue2的keep-alive的总结
  10. C语言 字符串前加L的意义 如:L“A”
  11. threejs 草场足球运动视角(三)
  12. Android中自定义Preference
  13. oracle 乘积的实现方法
  14. 在线图标制作,格式转换 ICON
  15. Linux查询用户和组的命令
  16. nagios系列(七)nagios通过自定义脚本的方式监控mysql主从同步
  17. bat实现获取文件每行内容,for循环中运行多条命令
  18. 使用Django简单编写一个XSS平台
  19. ASP入门(二十三)- 数据库插入、更新和删除操作
  20. Selenium 延时等待

热门文章

  1. Exec Maven插件
  2. js使用WebUploader做大文件的分块和断点续传
  3. FWT快速沃尔什变换例题
  4. Educational Codeforces Round 67 (Rated for Div. 2)
  5. C++概念分析之 重载、重写(覆盖)和隐藏的区别
  6. [FUZZ]文件上传fuzz字典生成脚本—使用方法
  7. FIS3
  8. 系统假死——系统频繁Full gc问题分析
  9. 咏南中间件随LINUX开机自动启动
  10. vue中样式被覆盖的问题