1. ホーム
  2. Web制作
  3. html5

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の決済の内容は、スクリプトの家の前の記事を検索してくださいまたは次の関連記事を閲覧を継続、私はあなたが将来的に多くのスクリプトの家をサポートすることを願っています!この記事で紹介されている。