uniapp如何实现小程序跳转小程序

在uniapp中如何实现小程序跳转到另一个小程序？需要调用哪个API，是否有权限限制或配置要求？具体代码示例能否提供一下？

2 回复

在Uniapp中，使用uni.navigateToMiniProgram方法实现小程序跳转小程序。需要配置appId和跳转路径，并确保目标小程序已上线或在同一主体下。注意：需在manifest.json中配置白名单。


在uni-app中实现小程序跳转小程序，可以通过以下方式实现：

1. 使用 uni.navigateToMiniProgram API

// 跳转到其他小程序
uni.navigateToMiniProgram({
  appId: '目标小程序的appid', // 必需
  path: '页面路径', // 可选，如：'pages/index/index?key=value'
  extraData: { // 可选，传递到目标小程序的数据
    foo: 'bar'
  },
  envVersion: 'release', // 可选，环境版本：develop（开发版）、trial（体验版）、release（正式版）
  success: (res) => {
    console.log('跳转成功')
  },
  fail: (err) => {
    console.log('跳转失败', err)
  }
})

2. 配置跳转白名单

在 manifest.json 中配置需要跳转的小程序appid：

{
  "mp-weixin": {
    "navigateToMiniProgramAppIdList": [
      "目标小程序appid1",
      "目标小程序appid2"
    ]
  }
}

3. 完整示例

// 在页面中使用
export default {
  methods: {
    jumpToOtherMiniProgram() {
      uni.navigateToMiniProgram({
        appId: 'wx1234567890abcdef',
        path: 'pages/index/index?id=123',
        extraData: {
          from: '当前小程序'
        },
        success: (res) => {
          uni.showToast({
            title: '跳转成功',
            icon: 'success'
          })
        },
        fail: (err) => {
          uni.showToast({
            title: '跳转失败',
            icon: 'none'
          })
        }
      })
    }
  }
}

注意事项：

  • 需要配置跳转白名单
  • 目标小程序必须已发布
  • 用户需要授权
  • 不同平台可能有差异，建议测试各平台兼容性

这种方式适用于微信小程序之间的跳转，其他平台（如支付宝、百度等）可能有不同的实现方式。

回到顶部