uniapp 实现小程序跳转小程序

1,365 阅读1分钟

除了在小程序中链接公众号,也可以通过点击的形式,跳转到其它的小程序

目前找到两种实现方案:

  1. 使用 <navagitor> 组件
  2. 使用 uni.navigateToMiniProgram API

navagitor

navagitor 是 uniapp 实现页面跳转的组件,不仅可以进行应用内的跳转,还可以跳转外部的小程序。

其中 path 参数后面没有.html 或是 .vue 等后缀。

<navigator target="miniProgram" app-id="跳转的小程序的 appid" path="/pages/index/index" open-type="navigate">
    点击跳转小程序
</navigator

属性:

image.png

在开发者工具中可以看到跳转成功的提示:

image.png

还需要在真机预览后看跳转的小程序页面是否正确,如果没有配置 path 的值可能会出现页面不存在的问题

1686036731188.png

uni.navigateToMiniProgram

uniapp 提供的 navigateToMiniProgram API,可以支持小程序跳转小程序,APP 端需要使用另外的方法

image.png

实现的方式如下:

uni.navigateToMiniProgram({
    appId:'',
    path:'/pages/index',
    success: res => {
         // 打开成功
    },
    fail: err => {
         // 打开失败
    }
})