小程序跳转小程序

小程序如何跳转到其他小程序

微信小程序跳转到其他小程序有两种方式。

一种是用组件navigator跳转：

<navigator class='miniprogram-btn' target="miniProgram" open-type='navigate' app-id='wxd948ff445451749804' path='pages/index/index'>立即使用</navigator>

一种是用api中的wx.navigateToMiniProgram跳转：

wx.navigateToMiniProgram({
  appId: '',
  path: 'page/index/index?id=123',
  extraData: {
    foo: 'bar'
  },
  envVersion: 'develop',
  success(res) {
    // 打开成功
  }
})

两种方式都行，但是更推荐第一种跳转方式，会比较直接一点。

但是不管哪种方式都需要在小程序的app.json中进行

navigateToMiniProgramAppIdList配置。

{

  "navigateToMiniProgramAppIdList": [
    "wxd948ff445451749804"
  ],
  
}

uniapp 的话 是这样的

/**

• envVersion 类型为字符串
• envVersion: ‘develop’, //开发版
• envVersion: ‘trial’, //体验版
• envVersion: ‘release’,//正式版
  */

uni.navigateToMiniProgram({
    appId:'wxd2ade0f25a874ee2',// 此为生活缴费appid
    path:'main/pages/nativeindex/nativeindex',// 此为生活缴费首页路径
    envVersion:"release",
    success: res => {
      // 打开成功
      console.log("打开成功", res);
    },
    fail: err => {
      console.log(err);
    }
});

另外值得一提的是，每个小程序可跳转的其他小程序数量限制为不超过 10 个。