微信小程序: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老五
终于搞定...

你可能感兴趣的:(微信小程序:navigateToMiniProgram跳转小程序报错fail appId "wx......." is not in navigateToMiniProgramAppIdList...)