ホームページ >ウェブフロントエンド >uni-app >uniappでWeChat決済を呼び出す方法
モバイル決済の人気に伴い、モバイル端末でのWeChat決済の利用がますます広がっています。一部のモバイル アプリケーションを開発する場合、多くの開発者は WeChat 支払い機能を統合して、ユーザーがオンラインで支払いできるようにします。 WeChat 支払いは、uniapp をベースにして開発されたアプリケーションに統合することもできます。uniapp が WeChat 支払いを呼び出す方法を見てみましょう。
1. まず WeChat 支払いパラメータを取得します
WeChat 支払いを呼び出す前に、WeChat 支払いパラメータ情報を取得し、一意の注文番号を生成する必要があります。 WeChat 支払いパラメータを取得するには、バックエンド インターフェイスを呼び出す必要があります。インターフェイスによって返されるパラメータには次のパラメータが含まれると想定します:
パラメータ名 | Type | Description |
---|---|---|
appId | string | 支払い署名の検証に使用される WeChat 開発者プラットフォームの appId |
nonceStr | string | 支払い署名の検証に使用されるランダムな文字列 |
timeStamp | string | 支払い署名の検証に使用されるタイムスタンプ |
package | string | 統合注文によって返される prepay_id パラメータweChat 支払いの開始に使用されるインターフェイス値。 |
signType | string | 署名タイプは現在 MD5 および HMAC-SHA256 をサポートしており、デフォルトは MD5 |
これらのパラメータを取得した後、フロントエンドはそれらを WeChat 支払いインターフェイスに渡す必要があります。
2. WeChat 決済を呼び出す
uniapp で WeChat 決済を呼び出すには、uniapp が提供する API を呼び出すだけです。API コードは次のとおりです:
uni.requestPayment({ provider: 'wxpay', timeStamp: payParams.timeStamp, nonceStr: payParams.nonceStr, package: payParams.package, signType: payParams.signType, paySign: payParams.paySign, success: function (res) { console.log('支付成功'); }, fail: function (res) { console.log(res); console.log('支付失败'); } });
注意事項 はい、payParams
は先ほど取得した決済パラメータのオブジェクトです。ここでは、パラメータとして uni.requestPayment()
関数に渡す必要があります。さらに、provider
パラメータを wxpay
に設定し、WeChat 支払いの使用を示す必要があります。
uni.requestPayment()
の呼び出しに成功すると、WeChat 支払いページが自動的に開き、ユーザーはこのページで支払い操作を完了できます。ユーザーの支払いが成功した場合は、success
コールバック関数がトリガーされ、ユーザーの支払いが失敗した場合は、fail
コールバック関数がトリガーされます。
3. 支払い結果の確認
ユーザーが支払いを完了した後、支払いの安全性を確保するために、支払い結果を確認する必要があります。検証方法は、クエリ注文インターフェイスをバックグラウンドに送信して、支払い結果ステータスを取得することです。
uniapp でリクエストを送信する方法は、他のフロントエンド フレームワークと非常に似ているため、ここでは詳しく説明しません。ただし、注文番号はクエリ注文インターフェイスのバックエンドに渡す必要があることに注意してください。バックエンドは注文番号を通じて支払い結果ステータスをクエリし、結果をフロントエンドに返します。支払い結果が成功した場合、注文が支払われたことを意味し、開発者はフロントエンドで後続の操作を実行できます。
概要:
上記の手順により、非常に簡単に WeChat 支払い機能を uniapp に統合できます。ただし、WeChat Pay を使用するには、開発者が最初に WeChat 開発者プラットフォームに登録してアクティブ化する必要があり、注文やその他の関連情報を独自のバックエンド サーバーで生成する必要があることに注意してください。この情報を使用して、フロントエンドの支払いページにジャンプし、支払い結果を確認できます。
WeChat アプレットまたはモバイル アプリケーションを開発するときに、WeChat 支払いを使用する必要がある場合は、上記の参照コードに従って実装できます。
以上がuniappでWeChat決済を呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。