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

布满荆棘的人生 2022-02-27 08:14 925阅读 0赞

> **小编推荐：[Fundebug][]专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。**

**小程序中需要用到医保支付，最早的做法是，在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  
> 链接：https://www.jianshu.com/p/2fee62bef236  
> 来源：简书  
> 简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

**你可能感兴趣的**

*  [黑科技！Fundebug支持网页录屏!][Fundebug 1]
 *  [Async/Await替代Promise的6个理由][Async_Await_Promise_6]
 *  [30个极大提高开发效率的VS Code插件][30_VS Code]
 *  [10个JavaScript难点][10_JavaScript]
 *  [2018前端工程师成长路线图][2018]
 *  [Source Map入门教程][Source Map]
 *  [2018年最值得关注的30个Vue开源项目][2018_30_Vue]
 *  [10个最佳ES6特性][10_ES6]
 *  [重新思考单元测试][Link 1]
 *  [不要争了！技术选择没那么重要][Link 2]

[Fundebug]: https://www.fundebug.com/
[Fundebug 1]: https://blog.fundebug.com/2018/05/21/fundebug_release_black_tech_replay/
[Async_Await_Promise_6]: https://blog.fundebug.com/2017/04/04/nodejs-async-await/
[30_VS Code]: https://blog.fundebug.com/2018/07/24/vs-extensions/
[10_JavaScript]: https://blog.fundebug.com/2017/07/17/10-javascript-difficulties/
[2018]: https://blog.fundebug.com/2018/09/04/2018-frontend-roadmap/
[Source Map]: https://blog.fundebug.com/2017/03/13/sourcemap-tutorial/
[2018_30_Vue]: https://blog.fundebug.com/2018/05/29/30-amazing-vuejs-open-source/
[10_ES6]: https://blog.fundebug.com/2017/08/21/10-best-es6-feature/
[Link 1]: https://blog.fundebug.com/2017/12/20/rethinking-unit-test/
[Link 2]: https://blog.fundebug.com/2018/07/19/technology-selection-is-not-critical/