如何实现在小程序里跳转到另一个小程序呢?
代码跳转
使用 wx.navigateToMiniProgram() 方法来实现小程序间的跳转,这是最常见的编程方式。以下是调用此API的基本格式:
wx.navigateToMiniProgram({ appId: '目标小程序的appid', // 必填,要跳转的小程序的appid path: '目标小程序页面路径', // 可选,跳转到的目标页面路径,默认跳转到首页 envVersion: 'release', // 可选,打开的版本,'develop'为开发版,'trial'为体验版,'release'为正式版,默认为'release' extraData: {}, // 可选,要传递给目标小程序的数据对象 success(res) { // 打开成功后的回调函数 console.log('跳转小程序成功!'); }, fail(err) { // 跳转失败的回调函数 console.error('跳转小程序失败:', err); }, complete() { // 跳转完成后的回调函数(无论成功与否都会执行) }, // fallbackUrl: 'http://.../' // 可选,当目标小程序不存在时,可提供一个webview链接作为备选方案 });
可视化配置跳转
上面跳转方式仅仅面向于有编码能力的小程序开发者。
在实际场景中,可以通过可视化小程序开发平台来轻松实现小程序的跳转。
小程序跳转到另外一个小程序,共有 3 种方法可以实现,具体可以根据实际需要来选择,以有一云小程序开发平台为例,具体操作方法如下:
直接跳转
1、进入有一云小程序管理后台(console.qque.com)- 设计小程序,根据小程序制作需要,在页面里添加文本、图片等组件,设置事件类型为“打开其它小程序”。
填写小程序ID和页面路径,路径可以不填写、为空的话是默认跳转到小程序的首页,如跳转到其它页面填写相关的路径就可以了。
2、查询其它小程序ID的方法,如下图的步骤:
识别小程序码跳转
可以用另一种方式来实现,方法如下:
1、进入小程序管理后台-设计小程序,在页面里添加一个图片组件,然后上传要跳转小程序的二维码图片,保存后退出。
2、设置完成后预览小程序,可以在页面中看到当前小程序码,长按当前图片即可识别小程序完成跳转。
打开半屏小程序
除了通过上面方式实现小程序的跳转外,还支持在小程序内打开半屏小程序。
在事件类型菜单中,选择“半屏打开其它小程序”:
并根据提示填写目标小程序的 appid 和 跳转路径,即可完成半屏小程序的配置:
需要注意的是,被半屏跳转的小程序需要通过来源小程序的调用申请,开发者可在 小程序管理后台「设置」-「第三方设置」-「半屏小程序管理」板块发起申请,最多可以申请10个小程序;