微信小程序:一个小程序跳转至另一个小程序

一、微信小程序支持一个小程序跳转至另一个小程序吗?

支持。

1.1、目标小程序需开放被跳转:目标小程序需要在其 app.json 文件中配置 navigateToMiniProgramAppIdList,将源小程序的 AppID 加入其中。

1.2、用户授权:用户需要授权允许跳转到其他小程序。

二、代码实现

2.1、配置目标小程序

在目标小程序的 app.json 文件中,添加 navigateToMiniProgramAppIdList 字段,并包含源小程序的 AppID。

复制代码
{  
  "navigateToMiniProgramAppIdList": ["wx1234567890abcdef"]  
}

2.2、在源小程序中调用跳转接口

在源小程序中,使用 wx.navigateToMiniProgram API 进行跳转。这个 API 接受一个对象参数,其中可以包含目标小程序的 appId、path(目标小程序内的页面路径)、extraData(传递给目标小程序的参数)等。

复制代码
wx.navigateToMiniProgram({  
  appId: 'wx1234567890abcdef', // 目标小程序的 AppID  
  path: 'pages/index/index?param1=value1', // 目标小程序内的页面路径,可带参数  
  extraData: {  
    foo: 'bar' // 传递给目标小程序的参数  
  },  
  envVersion: 'release', // 打开正式版的小程序  
  success(res) {  
    // 跳转成功的回调  
    console.log('跳转成功', res);  
  },  
  fail(err) {  
    // 跳转失败的回调  
    console.error('跳转失败', err);  
  }  
});

三、注意事项

3.1、路径参数

path 参数需要是目标小程序中已存在的页面路径,并且路径中的参数需要目标小程序能够处理。

3.2、参数传递

extraData 传递的数据量有限制(不超过 10KB),并且只能传递字符串类型的数据。

3.3、版本控制

envVersion 参数可以指定打开正式版(release)或开发版(develop)或体验版(trial)的小程序。

3.4、用户授权

如果用户未授权,调用 wx.navigateToMiniProgram 会失败,并返回错误码 1001。

3.5、数量限制

每个小程序可跳转的其他小程序数量限制为不超过10个。开发者需要在代码配置中声明将要跳转的小程序名单,并限定不超过10个。

3.6、用户体验

开发者在设置跳转时,应确保跳转页面的兼容性和流畅性,以提升用户体验。

3.7、合规性

开发者应遵守微信小程序的相关规定和政策,确保跳转功能的合规性。

四、不同主体的小程序之间是可以实现相互跳转吗

可以

五、欢迎交流指正

相关推荐
wordbaby9 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
丷丩9 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
Front思10 小时前
AI前端工程师需要具备能力+
前端·人工智能·ai
kyh100338112011 小时前
Cocos Creator 《打螺丝消除游戏》源码+实现
游戏·微信小程序·小程序·打螺丝小游戏源码·微笑小游戏源码
ZC跨境爬虫12 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
李子琪。13 小时前
网络空间安全深度实战:CSRF 漏洞原理剖析与基于 Token 的纵深防御体系构建(全栈实验报告)
前端·安全·csrf
冰暮流星13 小时前
javascript之history对象介绍
前端·笔记
IT_陈寒13 小时前
Vite热更新失灵?你可能漏了这个配置
前端·人工智能·后端
丷丩13 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
Mr.Daozhi13 小时前
RAG 进阶实战:跑通 Demo 后我连续翻了 6 次车,逐一修复才真正可用(含 Gradio Web 版)
前端·数据库·langchain·大模型·gradio·rag·科研工具