ホームページ > 記事 > ウェブフロントエンド > UnionPay 決済開発_html/css_WEB-ITnose
UnionPay 決済開発_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:24:294907ブラウズ
最近、さまざまな製品のさまざまなビジネス ニーズを考慮して、具体的な開発と実装は異なるため、具体的なビジネス実装については説明しません。 UnionPay の公式加盟店テクニカル サービス Web サイトでは、多くのアクセス可能な製品を提供しています。この記事では、次の支払い製品についてのみ説明します:
- ゲートウェイ支払い (実際にはモバイル Web 支払い (WAP 支払い) と同じ)
- モバイル コントロール支払い
- ジャンプなしの転送支払い
1. ゲートウェイ支払いと WAP 支払い
まず、比較的シンプルで理解しやすいこれら 2 つの支払い方法について説明します。これらの 2 つの支払い方法では、リクエスト パラメータ値を設定し、署名し、HTML にアセンブルして返すだけです。フロントエンド インターフェイス [java :response.getWriter().write()]。 HTML メッセージの例:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <form id="pay_form" action="https://101.231.204.80:5000/gateway/api/frontTransReq.do" method="post"> <input type="hidden" name="txnType" id="txnType" value="01" /> <input type="hidden" name="frontUrl" id="frontUrl" value="http://127.0.0.1:8080/ACPSample_B2C/frontRcvResponse" /> <input type="hidden" name="channelType" id="channelType" value="07" /> <input type="hidden" name="currencyCode" id="currencyCode" value="156" /> <input type="hidden" name="merId" id="merId" value="777290058110048" /> <input type="hidden" name="txnSubType" id="txnSubType" value="01" /> <input type="hidden" name="txnAmt" id="txnAmt" value="10000" /> <input type="hidden" name="version" id="version" value="5.0.0" /> <input type="hidden" name="signMethod" id="signMethod" value="01" /> <input type="hidden" name="backUrl" id="backUrl" value="http://222.222.222.222:8080/ACPSample_B2C/BackRcvResponse" /> <input type="hidden" name="certId" id="certId" value="68759663125" /> <input type="hidden" name="encoding" id="encoding" value="UTF-8" /> <input type="hidden" name="bizType" id="bizType" value="000201" /> <input type="hidden" name="signature" id="signature" value="q75cUw1E90Z/3zoPLoaWwOsHoiLmw4PvD1xgUIapsxKY3tcQpHmI/Y/4oKsG3lli4DpU63EoZScTEZNjdOvorAd5+DTSmKNLECVSBxy7mRTfTVISX/jYuVuc87ogdro8GpT4sHaY0jwVjp1dWalOSQ/jfoYniAggUuhSgQtz/0dSH//R4GVa3sP22jJjHWeWUVFJi5bMNeYe57qqcdZ5Ga04rnKnGuIpIQC3I3GosKziRtRGjdo+OYFmbl28W3QwB5qohG1QIqPvwpDM6WUlVbStuEVBf/FwpZ8yuai8WXOU+GQ9kZYuRSoSDNrRR9/jmYqkwyJDEMtWsl9pehQ4Og==" /> <input type="hidden" name="orderId" id="orderId" value="20160303100902" /> <input type="hidden" name="txnTime" id="txnTime" value="20160303100902" /> <input type="hidden" name="accessType" id="accessType" value="0" /> </form> <script type="text/javascript">document.all.pay_form.submit();</script> </body></html>
よくわからない場合は、上記のコードをコピーして .html 形式のドキュメントとして保存し、ブラウザで開いて UnionPay ページにジャンプしてみてください。支払いが成功すると、リクエストパラメータの backUrl が通知されます。
2. モバイル コントロール支払い
モバイル コントロール支払いは簡単で、メッセージを組み立てる必要はありませんが、最初に銀聯とやり取りして tn(銀聯受付注文番号) を取得する必要があります。次にクライアント、UnionPay モバイル コントロールを呼び出して支払いを行うことができます。
3. ノージャンプ ペイメントノージャンプ ペイメントを導入する前に、UnionPay の 2 つの概念を理解する必要があります:
- バックエンド消費
- フロントエンド消費。
-
フロントエンド消費: ブラウザ経由で消費するリクエストを UnionPay に送信します。 バックエンド消費: 支払いを完了するには、販売者のバックエンドを通じて直接リクエストを送信します。フロントエンド消費と比較して、ページジャンプは必要ありません。
したがって、バックエンド消費のプロセス全体は次のように理解できます (カードが銀聯オムニチャネル消費をオープンしていると仮定します): クライアント/フロントエンド インターフェイスが銀行カードを選択/カード番号を入力 --> クリックして取得SMS --> バックエンドでメッセージを送信します。UnionPay に移動して SMS 検証コードを取得します --> UnionPay は、カード番号にバインドされた携帯電話に SMS 検証コードを送信します --> ユーザーは検証コードを入力します。 --> 「消費/購入」をクリック --> 背景にカード番号 (accNo) と SMS 認証コード (smsCode) が銀聯に送信されます --> 消費が完了します。
```sequence客户端->客户端: 选择卡/输入卡号客户端->后台:请求短信验证码后台->银联:调用发送短信接口note right of 银联:发送验证码到\n卡号绑定的手机note right of 客户端:用户输入验证码客户端->后台:消费后台->银联:发送消费报文\n包含accNo和smsCode```
上記のコードはスタックエディットでこの画像を生成できます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。