小程序间的跳转

小程序间的跳转

这里说的小程序间跳转是指:从一个小程序打开另一个小程序。

比如:老的小程序不再使用,需要废除了。如果用户再打开老的小程序,就需要把用户带到新的小程序。此时,就需要进行小程序间的跳转了。

相关的官方文档:

https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

其它的地方查看文档基本上都能解决。只是需要注意:

注意点1

在模拟器上进行测试时,extraData 的数据需要用 {} 括起来,并且 KEY 应该使用 “” 括起来。

在这里插入图片描述

注意点2

可以在小程序的 App.onLaunch、App.onShow 或 Page.onLoad 的回调函数中通过 wx.getLaunchOptionsSync 获取 query 数据。

app.js
onLaunch: function (e) {
    console.log('onLaunch')
    let option = wx.getLaunchOptionsSync()
    console.log('option = ', option);
}

在新打开的小程序端打印输出接收到的参数:
在这里插入图片描述

### 小程序跳转功能详解 #### 用户触发机制 为了保障用户体验并防止误操作,微信官方规定小程序跳转需通过用户的主动行为来发起。这意味着任何从小程序A到小程序B的换都应基于用户交互事件,比如点击特定组件或按钮[^1]。 #### 官方API调用方式 当满足上述条件后,可以利用`wx.navigateToMiniProgram` API完成跨应用导航。此函数允许传递目标小程序的相关参数,如appId、路径以及查询字符串等必要信息给接收端处理。 ```javascript // 示例代码展示如何配置 wx.navigateToMiniProgram 方法 const appId = 'target-app-id'; // 替换成实际的目标小程序ID const path = '/pages/index/index'; const extraData = { from: 'sourceApp' }; try { wx.navigateToMiniProgram({ appId, path, extraData, success(res) {}, fail(err) {} }); } catch (error) { console.error('Failed to navigate:', error); } ``` #### 提醒弹窗设计 按照平台指南,在执行跳转前应当向用户提供清晰提示,告知即将离开当前环境前往其他服务,并获取确认反馈后再继续流程。这一步骤有助于增强安全性同时也提升了透明度。 #### 返回原点逻辑 对于希望支持双向互动的应用场景而言,除了初次访问外还需考虑后续可能存在的回退动作。此时可借助于`wx.navigateBackMiniProgram`接口轻松达成目的,它能够携带数据返回至上一环节而无需额外设置复杂路由规则。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值