小程序内嵌webview触发小程序原生方法进行支付

最新推荐文章于 2024-07-02 17:45:32 发布

太多的无奈啊

最新推荐文章于 2024-07-02 17:45:32 发布

阅读量1.1k

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/u010783527/article/details/109332207

版权

小程序内嵌webview无法进行h5的支付所以需要通过webview触发小程序的支付具体操作如下

1.h5部分代码

首先引入jweixin

然后判断一下是否为小程序环境代码如下

// 判断环境
function checkMiniProgram() {
  // 判断是否在微信小程序中打开
  var ua = window.navigator.userAgent.toLowerCase();
  let that = this;
  if(ua.match(/MicroMessenger/i) == 'micromessenger'){      //判断是否是微信环境
    //微信环境下
    wx.miniProgram.getEnv(function(res) {
      if (res.miniprogram) {
        // 小程序环境下逻辑
        console.log('小程序环境下逻辑');
      }else {
        //非小程序环境下逻辑
        console.log('非小程序环境下逻辑');
      }
    })
  }else{
    //非微信环境逻辑
    console.log('非微信环境逻辑');
  }
}

然后在小程序环境中触发小程序行为

function miniProgramPay() {
  var pageParams = encodeURIComponent(JSON.stringify('参数'));
  var url = `../payMent/payMent?pageParams=${pageParams}`;//支付的路径
  wx.miniProgram.navigateTo({
    url: url
  });
}