微信小程序中web-view调用微信支付

在原来的H5支付页面中加个判断

前提需要添加这个：

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
 
var isWxMini = window.__wxjs_environment === 'miniprogram'     // 判断场景是否小程序
if (isWxMini) {
//  把要用到的参数传到小程序中进行支付 wxJson是由后台协商好返回的数据格式，该代码仅供参考，不能实际使用
　　const wxJson = {
　　　amount: 100   //  订单金额，如还需其他参数可增加
　};
    //1.跳转页面
　　wx.miniProgram.navigateTo({
　　　　url: "/pages/pay/pay?param=" + wxJson     // 微信小程序调用支付的页面
　　})
    //2.返回上一级页面
    //直接在这请求接口 获取支付的信息 

    wx.miniProgram.navigateBack({delta: 1})
    wx.miniProgram.postMessage({ data:res }) //返回参数
} else {
 //  这里放原理的支付逻辑
}

接下来在小程序中添加一个页面pay，空白页即可

//1.跳转

onLoad: function (options) {
　　var amount= options.amount;
　　wx.request({
　　　　url: '/miniProgram/getPayParam?amount=' + amount,    //  后台接口，返回调起微信支付所需参数
　　　　method: 'get',
　　　　success: function(res) {　　　　　　
　　　　　　wx.requestPayment({
　　　　　　'timeStamp': res.data.data.timeStamp,
　　　　　　'nonceStr': res.data.data.nonceStr,
　　　　　　'package': res.data.data.package,
　　　　　　'signType': 'MD5',
　　　　　　'paySign': res.data.data.paySign,
　　　　　　'success': function (res) {
　　　　　　　　//定义小程序页面集合
　　　　　　　　var pages = getCurrentPages();
　　　　　　　　//当前页面 (wxpay page)
　　　　　　　　var currPage = pages[pages.length - 1];
　　　　　　　　//上一个页面 （index page）
　　　　　　　　var prevPage = pages[pages.length - 2];
　　　　　　　　//通过page.setData方法使index的webview 重新加载url 有点类似于后台刷新页面
　　　　　　　　//此处有点类似小程序通过加载URL的方式回调通知后端 该订单支付成功。后端逻辑不做赘述。
　　　　　　　　wx.redirectTo({ url: '/pages/index/index' });
　　　　　　　　//小程序主动返回到上一个页面。即从wxpay page到index page。此时index page的webview已经重新加载了url 了
　　　　　　　　//微信小程序的page 也有栈的概念navigateBack 相当于页面出栈的操作
　　　　　　　　wx.navigateBack();
　　　　　　},
　　　　　　'fail': function (res) {
　　　　　　　　console.log("支付失败");
　　　　　　　　console.log(res);
　　　　　　　　var pages = getCurrentPages();
　　　　　　　　var currPage = pages[pages.length - 1];
　　　　　　　　var prevPage = pages[pages.length - 2];
　　　　　　　　console.log("准备修改数据");
　　　　　　　　wx.redirectTo({ url: '/pages/index/index' });
　　　　　　　　console.log("准备结束页面")
　　　　　　　　// wx.navigateBack();
　　　　　　}
　　　　})
　　　　}
　　})
} 
//2.返回上一级

<web-view src="{{url}}" bindmessage="onLoadMessage" bindload="onWebLoad" binderror="onWebError"></web-view>

onLoadMessage(e) {
    console.log('onLoadMessage')
    console.log(e)
    let paylist = e.detail.data
    for (let str of paylist) {
      console.log(str,'str')
      let item = JSON.parse(str)
      console.log(item,'item')
      app.payOrder(item.pay, function () {}, function () {})
    }
  },