基於h5+的微信支付,hbuilder打包


1、打開app項目的manifest.json的文件,選擇模塊權限配置,將Payment(支付)模塊添加至已選模塊

2、選擇SDK配置,在plus.payment·支付中,勾選□ 微信支付,配置好appid值(appid可以在微信開發者平台創建應用獲取)

3、項目JS文件中的微信支付代碼如下(基於vue開發):

weixinPay(data) {
    //獲取支付通道
    let payChanel = '';
    plus.payment.getChannels(function(channels) {
        for (var i in channels) {
            if (channels[i].id == "wxpay") {
                payChanel = channels[i]
            }
        }
        let payParam = { //后台返回的支付參數最好全部都是小寫(論壇看到的提醒)
            "appid": data.appid,
            "noncestr": data.noncestr,
            "package": data.package,
            "partnerid": data.partnerid,
            "prepayid": data.prepayid,
            "timestamp": data.timestamp,
            "sign": data.sign
        };
        // 請求支付操作
        plus.payment.request(payChanel, payParam,
            function(result) {
                // 支付成功處理
                alert('支付成功:'+JSON.stringify(result))
            },
            function(error) {  
                // 支付失敗處理              
                alert('支付失敗:'+JSON.stringify(error))
            })
    },function(e) {
        alert('獲取支付通道失敗:' + e.message);
    })
}

ps:HTML5+參考文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM