1. 程式人生 > >剛想起QQ微信支付寶三合一收款碼

剛想起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與微信的二維碼,然後長按掃碼實現支付。

程式碼如下:

<?php

$ua = $_SERVER['HTTP_USER_AGENT'];

if (strpos($ua, 'MicroMessenger')) {

$type = 'wepay';

$name = '微信支付';

//微信支付連結

$url = 'wxp://f2f0OI0K-DjKTUUo5ijir72IR4EeOdb9__8h';

$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/FKX028454NIDTGHALS3WAF';

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=462369233&ac=85CCA61B3297A14170CA733F85CFD04570EA3B81CB753F421194E5C79701B294&n=Mamba&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>