最近ブログを閲覧していると、多くのブログにチップ機能があることに気づきました。チップをする人はほとんどいないかもしれませんが、ブロガーにとってチップは、自分の書いた記事が役に立ち、人々を助けることができるということを常に認識させるための思いやりの行為です。 。したがって、私も投げ銭機能を追加したいと思っていました~
分析
しかし、githubを閲覧した後、投げ銭プラグインは基本的に同じであることがわかりました: QQコードスキャン/WeChatコードスキャン/Alipayコードスキャン。
一部のボタンをクリックすると、各支払いコードが表示されます
一部のすべての支払いコードが表示されます
これをWeChatでスキャンし、それをAlipayでスキャンする必要があるだけではありません。 2D 画像コード、見栄えを良くするために CSS/JS を追加する必要もあります。怠け者でこれらのコードを書きたくないプログラマーにとって、これは不可能です。
QQ、WeChat、Alipay を 1 つに組み合わせて、支払いコードをスキャンするだけで済みますか?
ここには、User-Agent というナレッジ ポイントが関係しています。主要なメーカーの Web ビューには、たとえば、次のような独自の UA 情報が含まれます。
WeChat: MQQBrowser/6.2 TBS 043220 Safari/537.36 MicroMessenger/6.5.8.1060 NetType/4G Language/zh_CN
Alipay: UCBrowser/11.5.0.939 UCBS/2.10.1.6 Safari/537。 36 アリアップ(AP/10.0.15.051805) ) AlipayClient /10.0.15.051805 Language/zh-Hans
このようにして、QQ、WeChat、または Alipay スキャン コードであるかどうかを簡単に区別できます:
User-Agent contains QQ/ is QQ
User-Agent contains MicroMessenger is WeChat
User-AgentにはAlipay用のAlipayClientが含まれています
各ソフトウェアを区別できるため、自作のURLを構築し、QRコードを生成してURLをスキャンし、ブラウザのUAを決定して異なる支払いコードを配布することができます
大まかなプロセスは次のとおりです:
クライアントはコードをスキャンします -> サーバーはユーザーエージェントに基づいてクライアントタイプを決定します -> それぞれ異なるプロセスを返します
トスを開始します
まず、によって生成された支払いをデコードしますQQ、WeChat、Alipay コードは、ここまたはここにアクセスしてオンラインでデコードできます。
QQ: https://i.qianbao.qq.com/wallet/sqrcode.htm?m=tenpay&a=1&u=17878127&ac=E04BE442991E7FFED28B3B5C3E187148F063DC3C6DACAD2983C87B482FC9E7AD&n=Xue Ding蔔的猫&f=wallet
(https プロトコル、スリープ解除できません) QQ)
Alipay: HTTPS://QR.ALIPAY.COM/FKX03549OW666ME7BXWF7A
(https プロトコル、Alipay APP を直接起動できます)
WeChat: wxp://f2f09hjzo72AAYEITIBaolV-3cvGrD jE0q7k
(WeChat の自分の支払い契約、WeChat を起動できません)
Alipay の場合は、直接以下のコードを記述してユーザーエージェントを決定できます。QQ と WeChat の場合は、Alipay リンクにジャンプします。 QQ と WeChat のリンクに移動します。
ただし、QQとWeChatはAPPを直接起動できないため、QQとWeChatのQRコードを直接出力し、長押ししてコードをスキャンして支払いを完了します。
コードは次のとおりです:
<?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?>"> <p class="container"> <p class="title"><?=$icon_img?><h1><?=$name?></h1></p> <p class="content"><?=$type=='other'?$qr_img.'<h3>请使用支付宝、微信、QQ客户端扫码付款</h3>':$qr_img.'<h3>扫描或长按识别二维码,向TA付款</h3>'?></p> </p> </body> </html>
以上がPHP は QQ、WeChat、Alipay の支払いコードの一貫性を実現しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。