小程序里如何跳转另一个小程序

更新时间:2020-06-28

公众号AI创作神器

一键写稿,一键装修
Chrome 122 极速内核驱动,内置 AI 大模型

如何实现在小程序里跳转到另一个小程序呢?

代码跳转

使用 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个小程序;

使用有一云,快速完成各种企业、工商户等主体的小程序制作,支持微信小程序、百度小程序、抖音小程序、字节小程序以及QQ小程序。

助力广大中小型企业以及工商户群体快速打通线上线下服务,低廉的价格搭配优质的服务,期待回馈数以万计的企业获得线上流量丰收。

智慧小店小程序

网上开店,提升销量,线下门店数字化解决方案,流量变现 触手可及

企业微站小程序

企业上云必备 核心流量爆发产品,同时支持5大平台 企业获客首选

智慧预约小程序

创建预约类小程序,线上付款,线下服务
没有解决您的问题吗?您也可以把问题提交给我们。

热门搜索