微信小程序中跳转小程序的方法

本文介绍了微信小程序中跳转到其他小程序的方法,包括通过`wx.navigateToMiniProgram()`API及navigator组件的方式,并提及了全局配置在app.json中的设置,以及在onLaunch和onShow生命周期中如何获取目标小程序的参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小程序跳转小程序

微信官方文档
wx.navigateToMiniProgram({ });
属性类型默认值必填说明
appIdstring要打开的小程序 appId
pathstring打开的页面路径,如果为空则打开首页。path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunchApp.onShowPage.onLoad 的回调函数或小游戏的 wx.onShow 回调函数、wx.getLaunchOptionsSync 中可以获取到 query 数据。对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 “?foo=bar”。
extraDataobject需要传递给目标小程序的数据,目标小程序可在 App.onLaunchApp.onShow 中获取到这份数据。如果跳转的是小游戏,可以在 wx.onShowwx.getLaunchOptionsSync 中可以获取到这份数据数据。
envVersionstringrelease要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
示例代码
使用api跳转
wx.navigateToMiniProgram({
  appId: '',//小程序appid
  path: 'page/index/index?id=123',//跳转关联小程序app.json配置里面的地址
  extraData: {//需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。
    foo: 'bar'
  },
 //**重点**要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版) 
  envVersion: 'develop',
  success(res) {
    // 打开成功
  }
})
使用navigator组件
appd-id:	小程序appid
path:	小程序路径
extra-data:	跳转小程序携带的参数
version:	当target="miniProgram"时有效,要打开的小程序版本,
			有效值 develop(开发版),trial(体验版),release(正式版),
			仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是正式版,则打开的小程序必定是正式版。
<navigator
    target="miniProgram" 
    open-type="navigate" 
    app-id=""
    path=""
    extra-data="" 
    version="release"
>打开绑定的小程序</navigator>
全局配置

在当前小程序配置跳转的小程序appId

app.json
{ 
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
}
目标小程序

在onLaunch和onShow中都可以接收

都在其options中;

具体值可打印出来看看,以便自定义逻辑

App({
  onLaunch: function (options) {
    console.log(options);
  },
  onShow: function (options) {
    console.log(options)
  }
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值