微信小程序中跳转另一个小程序(两种方式)

1.实现方式:使用 <navigator> 组件,app-id属性需在配置列表中。

<navigator target="miniProgram" open-type="navigate" app-id="" path="" version="release">
</navigator>

1.实现方式:js中配置参数,app-id属性需在配置列表中。

 wx.navigateToMiniProgram({
        appId: 'wx0ff4e01294eca299',  //appid
        path: '/pages/web_view/web_view',//path
        extraData: {  //参数
          foo: 'bar'
        },
        envVersion: 'develop', //开发版develop 开发版 trial   体验版 release 正式版 
        success(res) {
          console.log('成功')
          // 打开成功
        }
      })

注意:

配置app.json(每个小程序可跳转的其他小程序数量限制为不超过 10 个)

"navigateToMiniProgramAppIdList": [
    "wx015c08xxxxx38x8x"
  ]

3.使用限制:

从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。
需要用户确认跳转;在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消,则回调 fail cancel。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.实现方式:使用 <navigator> 组件,app-id属性需在配置列表中。 2.配置app.json(每个...
    爱吃萝卜的小草菇阅读 9,278评论 0 1
  • 因新工作主要负责微信小程序这一块,最近的重心就移到这一块,该博客是对微信小程序整体的整理归纳以及标明一些细节点,初...
    majun00阅读 7,490评论 0 9
  • 从小到大,我是一个偏感性的人。无论是精神还是物质上,过的比较随性。 这样的性情,好处是可以最大限度活的任性,无拘无...
    心理咨询师萍阅读 197评论 0 4
  • 亲爱的妈妈: 您好!很高兴能用这种方式和您沟通。 最近我们学习了一篇文言文,让...
    爱悦悦悦悦悦阅读 411评论 0 0
  • 在所有的关系里,顺应自然是最不纠缠的,最爽的! 喜悦!何时种什么菜即种,长什么菜,吃什么菜。看看!这菜半个月长这么...
    Super嘉祺暖阳阅读 226评论 1 2