快捷導(dǎo)航

PHP實(shí)現(xiàn)QQ、微信和支付寶三合一收款碼實(shí)例代碼

更新時(shí)間：2018年02月19日 08:51:57 作者：SangSir

這篇文章主要給大家介紹了關(guān)于利用PHP如何實(shí)現(xiàn)QQ、微信和支付寶三合一收款碼的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

前言

最近在逛博客時(shí)，發(fā)現(xiàn)很多博客都帶了打賞功能，雖說(shuō)打賞的人可能很少，但始終是一份心意，能讓博主知道自己寫的文章有用，能夠幫助到人。所以，我也想加一個(gè)打賞功能~

分析

但在github逛了一圈之后發(fā)現(xiàn)，打賞插件基本上千篇一律的：QQ掃碼/微信掃碼/支付寶掃碼。

有的是點(diǎn)擊每個(gè)按鈕出現(xiàn)每個(gè)收款碼

有的則是每個(gè)收款碼全部展現(xiàn)出來(lái)

微信掃這個(gè)，支付寶掃那個(gè)，不僅要加載多張二維碼，還要加css/js讓它變的好看，作為一個(gè)又懶又不想寫這些東西的程序猿來(lái)說(shuō)，這可不行。

那能不能把QQ微信支付寶三合一，只需要掃一個(gè)收款碼就行呢？

這里涉及到一個(gè)知識(shí)點(diǎn)，則是User-Agent，大廠的webview都會(huì)攜帶自家的UA信息，比如說(shuō)：

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

這樣就很輕松區(qū)分是QQ還是微信還是支付寶掃碼了：

User-Agent 含有 QQ/ 為QQ

User-Agent 含有 MicroMessenger 為微信

User-Agent 含有 AlipayClient 為支付寶

既然能夠區(qū)分每個(gè)軟件，那就可以通過(guò)自建一個(gè)網(wǎng)址，通過(guò)二維碼生成掃描這個(gè)網(wǎng)址后，判斷瀏覽器的UA，來(lái)分發(fā)不同的收款碼

大致的流程則為：

客戶端掃碼 -> 服務(wù)端根據(jù) User-Agent 判斷客戶端類型 -> 分別返回不同的處理

開始折騰

首先解碼QQ、微信和支付寶生成的付款碼，可以去這里或這里在線解碼。

QQ：https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=17878127&ac=E04BE442991E7FFED28B3B5C3E187148F063DC3C6DACAD2983C87B482FC9E7AD&n=薛定諤的貓&f=wallet

（https 協(xié)議，無(wú)法喚醒QQ）

支付寶：HTTPS://QR.ALIPAY.COM/FKX03549OW666ME7BXWF7A

（https 協(xié)議，可直接喚醒支付寶 APP）

微信：wxp://f2f09hjzo72AAYEITIBaolV-3cvGrDjE0q7k

（微信自己的支付協(xié)議，無(wú)法喚醒微信）

下面就可以直接寫代碼了，判斷 User-Agent 如果是支付寶直接跳轉(zhuǎn)支付寶鏈接，如果是QQ和微信則跳轉(zhuǎn)QQ和微信的鏈接。

但由于QQ與微信無(wú)法直接喚醒APP，所以直接輸出一個(gè)QQ與微信的二維碼，然后長(zhǎng)按掃碼實(shí)現(xiàn)支付。

代碼如下：

<?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>請(qǐng)使用支付寶、微信、QQ客戶端掃碼付款</h3>':$qr_img.'<h3>掃描或長(zhǎng)按識(shí)別二維碼，向TA付款</h3>'?></div>
 </div>
</body>
</html>

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: