h5モバイルコール Alipay、WeChat決済の実装
2022-01-12 09:35:05
会社のプロジェクトは、前にAlipayの決済を持って、今WeChatの決済を追加する要求、初めて行うには、川を渡るために石をタッチする![OK]をクリックします。結果は満足です。 {結果は満足です。 /結果は満足です。 さらに詳しく説明することなく、直接コード上。
var aliChannel = null;
var wxChannel = null;
// Define payment method switching
var state_type = 1;
// select payment method default is paypal style
$(".zfb").find("i").css("background-Image","url(... /img/pl_8.png)");
$(".pay").on("singleTap",".pay_c",function(){
$(this).find("i").css("background-Image","url(... /img/pl_8.png)");
$(this).siblings().find("i").css("background-Image","url(. /img/pl_9.png)");
if($(this).find("span").text().trim() == "paypal"){
state_type = 1;
}else if($(this).find("span").text().trim() == "WeChat"){
state_type = 2;
}
})
// Click to pay
$('.pay_btn').unbind();
$('.pay_btn').singleTap(function () {
if(state_type == 1){
// Paypal channel
mui.plusReady(function () { // Get the payment channel
plus.payment.getChannels(function (channels) {
for (var i in channels) {
if (channels[i].id == "wxpay") {
wxChannel = channels[i];
} else {
aliChannel = channels[i];
}
}
}, function (e) {
alert("Failed to get payment channel: " + e.message);
});
})
mui.post('Fill in the payment interface here', {
'Fill in the required parameters here'
},
function (data) {
console.log(JSON.stringify(data));
if (data) {
data = data.data.payStr;
plus.payment.request(aliChannel, data, function (result) {
// Payment is processed successfully
}, function (e) {
floatRemind("Payment failed, user has cancelled");
});
} else {
plus.nativeUI.alert("Payment failed");
}
});
}else if(state_type == 2){
// WeChat channel
mui.plusReady(function () { // Get the payment channel
plus.payment.getChannels(function (channels) {
for (var i in channels) {
if (channels[i].id == "wxpay") {
wxChannel = channels[i];
} else {
aliChannel = channels[i];
}
}
}, function (e) {
alert("Failed to get payment channel: " + e.message);
});
})
mui.post('Fill in the payment interface here', {
'Fill in the required parameters here'
},
function (data) {
data = JSON.stringify(data.data);
if (data) {
plus.payment.request(wxChannel, data, function (result) {
// Payment is processed successfully
}, function (msg) {
// JSON.stringify(msg.message)
floatRemind('Payment failed');
});
} else {
plus.nativeUI.alert("Payment failed");
}
});
}
})
所有者が使用している、問題ない、アリペイは、実機をデバッグすることができます、WeChatは、パッケージ化され、テストにダウンロードする必要があります。
エラー-100でテストしていたのですが、フロントエンドの問題ではないことがわかりましたが、どなたかが、パッケージングに使う証明書は自分で選ばないといけないとおっしゃっていました。
コードはこれらです、あなたが使用するために直接取ることができる、OKならテストは、いくつかの励ましを与えてください、ありがとうございます 私はブログを書くのは初めて、ひどく書くために私を許してください
h5の携帯電話の通話アリペイ、WeChatの決済の実装については、この記事に導入され、より関連するh5の携帯電話アリペイWeChatの決済の内容は、スクリプトの家の前の記事を検索してくださいまたは次の関連記事を閲覧を継続、私はあなたが将来的に多くのスクリプトの家をサポートすることを願っています!この記事で紹介されている。
関連
-
html5 直交ハート型曲線の実装
-
フォントの調整のメニューの右上隅にWeChat内蔵のブラウザでHTML5は、ページが間違った問題を表示するために発生する
-
HTML5入門(II)
-
iosシステムでhtml5のvideoタグが再生できない問題を解決する。
-
html5 on outbound embedded page 通信問題 (postMessage でクロスドメイン通信を解決)
-
iframeタグが入れ子になっている問題の解決法
-
キャンバスの描画がぼやける問題の解決法
-
ページ上部へのスムーズなスクロールを実現する3つの方法
-
キャンバスの描画は、contain または cover モードで適応され、中央に配置されます。
-
キャンバス・クロスドメイン・デピットの実践の説明
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
データストレージの3つの方法、Cookie sessionstorage localstorageの類似点と相違点の分析
-
Html5ページで携帯電話の仮想キーボードのポップアップを無効化する方法
-
HTML5 のタッチ イベント(touchstart、touchmove、touchend)の実装
-
高さ調整可能なテキストエリアを作成するサンプルコード
-
HTML5でWeb Notificationのデスクトップ通知を実装する方法
-
キャンバスアプレットでテキストのアンカーポイントを中央に設定する
-
html5 目覚ましアプリミニノート
-
canvas 学習のまとめ III - パスの描画 - ラインセグメント
-
HTML5でjsonオブジェクトを使用するためのサンプルコード
-
5分でわかるHTML5 WebSocketプロトコル