微信小程序:navigateToMiniProgram跳转小程序报错fail appId "wx......." is not in navigateToMiniProgramAppIdList...

小程序中需要用到医保支付,最早的做法是,在web-view中点击提交后,通过h5下单完毕,跳回小程序的页面后,主动跳到医保支付小程序。

在之前都正常,直到昨天iphone的微信升级到7.0.0后,不能跳转了,通过调试,报错:fail appId "${appId}" is not in navigateToMiniProgramAppIdList
基础库2.4.0以上增加了navigateToMiniProgramAppIdList
先在app.json中增加需要跳转到的小程序appid

"navigateToMiniProgramAppIdList": [
    "wxe1022cca111d18be"
]

添加完毕后,再试一次,发现有时候可以跳转,有时候还是不能跳转,报错:navigateToMiniProgram:fail can only be invoked by user TAP gesture
什么鬼,需要点击才能跳转?
于是只能想办法让用户去点击,加个提示框让用户确定继续进行操作?
在onLoad中判断,如果是医保支付(需要跳转到医保支付小程序),则弹出温馨提示:

wx.showModal({
  title: '温馨提示',
  content: '提示内容。。。。。。。',
  showCancel: true,//是否显示取消按钮
  cancelText: "取消",//默认是“取消”
  cancelColor: '#000000',//取消文字的颜色
  confirmText: "确定",//默认是“确定”
  confirmColor: '#3cc51f',//确定文字的颜色
  success: function (res) {
    if (res.cancel) {
      //点击取消,wx.navigateBack
    } else {
      // 使用wx.navigateToMiniProgram跳转到小程序
    }
  },
  fail: function (res) { 
    //接口调用失败的回调函数,wx.navigateBack
  },
  complete: function (res) { 
    //接口调用结束的回调函数(调用成功、失败都会执行)
  },
})

原文:简书ThinkinLiu 博客: IT老五
终于搞定...

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在 uni.app 中引入微信 SDK,并使用 wx.chooseWXPay 进行支付后的自定义跳转,你可以按照以下步骤进行操作: 1. 首先,确保你已经在微信公众平台上配置好了支付功能,并且已经获取到了支付的相关参数,例如订单号、支付金额等。 2. 在 uni-app 项目中,可以通过以下步骤引入微信 SDK: - 在 index.html 文件中,将微信 SDK 的引入代码放在 head 标签之间: ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` - 在 main.js 文件中,初始化微信 SDK: ```javascript import wx from 'jweixin-module'; Vue.prototype.$wx = wx; wx.config({ // 配置微信 SDK 相关参数,如 appId、timestamp、nonceStr、signature 等 }); ``` 3. 在需要发起支付的页面中,可以调用 wx.chooseWXPay 方法进行支付,并在支付成功后进行自定义跳转。例如: ```javascript this.$wx.ready(() => { this.$wx.chooseWXPay({ timestamp: '', // 时间戳 nonceStr: '', // 随机字符串 package: '', // 统一下单接口返回的 prepay_id 参数值 signType: 'MD5', paySign: '', // 签名 success: (res) => { // 支付成功的回调函数 uni.navigateTo({ url: '/pages/success', // 自定义成功页面的路径 }); }, fail: (err) => { // 支付失败的回调函数 uni.navigateTo({ url: '/pages/fail', // 自定义失败页面的路径 }); }, }); }); ``` 在上述代码中,你需要根据实际情况填写微信 SDK 相关参数和支付参数,并在支付成功或失败的回调函数中执行相应的跳转操作。 请注意,以上代码仅为示例,实际使用时需要根据 uni-app 中的具体语法和微信 SDK 的要求进行相应的调整和处理。同时,确保在后端服务器中进行订单处理和验证,以确保支付的安全和准确性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值