小程序內(nèi)嵌webview無法進(jìn)行h5的支付 所以需要通過webview觸發(fā)小程序的支付 具體操作如下

1.h5部分代碼

首先引入jweixin

然后判斷一下是否為小程序環(huán)境 代碼如下

// 判斷環(huán)境
function checkMiniProgram() {
  // 判斷是否在微信小程序中打開
  var ua = window.navigator.userAgent.toLowerCase();
  let that = this;
  if(ua.match(/MicroMessenger/i) == 'micromessenger'){      //判斷是否是微信環(huán)境
    //微信環(huán)境下
    wx.miniProgram.getEnv(function(res) {
      if (res.miniprogram) {
        // 小程序環(huán)境下邏輯
        console.log('小程序環(huán)境下邏輯');
      }else {
        //非小程序環(huán)境下邏輯
        console.log('非小程序環(huán)境下邏輯');
      }
    })
  }else{
    //非微信環(huán)境邏輯
    console.log('非微信環(huán)境邏輯');
  }
}

然后在小程序環(huán)境中觸發(fā)小程序行為

function miniProgramPay() {
  var pageParams = encodeURIComponent(JSON.stringify('參數(shù)'));
  var url = `../payMent/payMent?pageParams=${pageParams}`;//支付的路徑
  wx.miniProgram.navigateTo({
    url: url
  });
}

encodeURIComponent 這里是防止參數(shù)中帶有?或者= 導(dǎo)致小程序參數(shù)被截斷

然后觸發(fā)小程序的頁面跳轉(zhuǎn)后 在支付頁接參數(shù)

2.小程序部分代碼

let params = {};
if(options.pageParams) {
  params = JSON.parse(decodeURIComponent(options.pageParams));
}

因為h5中進(jìn)行了encodeURIComponent 所以需要在小程序中decodeURIComponent

然后正常掉小程序方法支付即可

需要返回上一級webview頁面的話 可以通過

let pages = getCurrentPages();
let prevPage = pages[pages.length - 2]; // 獲取上一頁

在當(dāng)前的請求接口中獲取要替換webview的頁面鏈接 然后進(jìn)行

prevPage.setData({
  pageUrl : resultUrl //resultUrl為支付頁返回的webview路徑 pageUrl為webView頁面的參數(shù)
})
wx.navigateBack({ //返回上一級頁面
  delta: 0,
})

即可替換上一級頁面鏈接并返回webview頁面。