微信小程序跳转其他小程序

发表于 | 更新于: | 分类于 | 阅读次数:
字数统计: 244 字 | 阅读时长 ≈ 1 分钟

老年模式

https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html

1
2
3
4
5
6
7
8
9
10
11
 
wx.navigateToMiniProgram({
  appId: '',
  path: 'page/index/index?id=123',
  extraData: {
    foo: 'bar'
  },
  envVersion: 'develop',
  success(res) {
    // 打开成功
  }
})

新模式

https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
采用miniProgram模式

1
2
3
4
5
6
7
8
 
<navigator target="miniProgram"
  app-id="wx9a52d3a2384642f6"
  path="page/index/index?id=123"
  extra-data="{{extraData}}"
  version="develop"
  >
  打开小程序
</navigator>
 

1
2
3
 
extraData: {
  name: 123
}

同时要添加跳转声明
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

1
2
3
 
"navigateToMiniProgramAppIdList": [
  "wx9a52d3a2384642f6"
]

跳转后参数
目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据。详情

1
2
3
4
5
6
7
8
9
10
11
12
13
 
{
  path: "page/index/index",
  query: {
    id: "123"
  },
  referrerInfo: {
    appId: "wxac75bf66ed9c6321", // 来源小程序的appid
    extraData: {
      name: 123
    }
  },
  scene: 1037
}

1037 小程序打开小程序
1038 从另一个小程序返回

什么条件可以跳转

小程序是不是同一主体，有没有绑定同一微信公众号，都可以跳转