PHP製做QQ微信支付寶三合一收款碼

時間 2019-11-17

標籤 php 製做微信支付寶三合一收款欄目 PHP 简体版

原文原文鏈接

前言

最近在逛博客時，發現不少博客都帶了打賞功能，雖然說打賞的人可能不多，但始終是一份心意，能讓博主知道本身寫的文章有用，可以幫助到人。因此，我也想加一個打賞功能~php

分析

但在github逛了一圈以後發現，打賞插件基本上千篇一概的：QQ掃碼/微信掃碼/支付寶掃碼。css

有的是點擊每一個按鈕出現每一個收款碼

有的則是每一個收款碼所有展示出來

微信掃這個，支付寶掃那個，不只要加載多張二維碼，還要加css/js讓它變的好看，做爲一個又懶又不想寫這些東西的程序猿來講，這可不行。html

那能不能把QQ微信支付寶三合一，只須要掃一個收款碼就行呢？這裏涉及到一個知識點，則是User-Agent，大廠的webview都會攜帶自家的UA信息，好比說：git

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-Hansgithub

這樣就很輕鬆區分是QQ仍是微信仍是支付寶掃碼了：web

User-Agent 含有 QQ/ 爲QQ User-Agent 含有 MicroMessenger 爲微信 User-Agent 含有 AlipayClient 爲支付寶chrome

既然可以區分每一個軟件，那就能夠經過自建一個網址，經過二維碼生成掃描這個網址後，判斷瀏覽器的UA，來分發不一樣的收款碼api

大體的流程則爲：客戶端掃碼 -> 服務端根據 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>
複製代碼