小程序跳转到其他小程序

收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。
img
img

如果你需要这些资料,可以戳这里获取

需要这些体系化资料的朋友,可以加我V获取:vip1024c (备注嵌入式)

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人

都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

用Node、Express + Vue、 Element-ui Blog、Mysql 实现前后端分离博客管理系统  ,详情咨询下方技术群

---------】

一、使用限制

1.需要用户触发跳转

从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。

2.需要用户确认跳转

从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消,则回调 fail cancel

3.每个小程序可跳转的其他小程序数量限制为不超过 10 个

从 2.4.0 版本以及指定日期(具体待定)开始,开发者提交新版小程序代码时,如使用了跳转其他小程序功能,则需要在代码配置中声明将要跳转的小程序名单,限定不超过 10 个,否则将无法通过审核。该名单可在发布新版时更新,不支持动态修改。配置方法详见 如下代码。调用此接口时,所跳转的 appId 必须在配置列表中,否则回调 fail appId "${appId}" is not in navigateToMiniProgramAppIdList

4.关于调试

  • 在开发者工具上调用此 API 并不会真实的跳转到另外的小程序,但是开发者工具会校验本次调用跳转是否成功。详情
  • 开发者工具上支持被跳转的小程序处理接收参数的调试。详情

二、配置详情

app.json文件中 最后一行 是你配置要跳转到的小程序 appid ,最多能配置10个

"navigateToMiniProgramAppIdList": ["wxe5f52902cf4de896"]
app.json
{
  "pages": ["pages/index/index", "pages/logs/index"],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "日志"
      }
    ]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true,
  "navigateToMiniProgramAppIdList": ["wxe5f52902cf4de896"]
}

三、使用方法

这个是我本人的,前端技术QQ交流群,有不会的问题,可以在在群里面问

1.  使用wx.navigateToMiniProgram 打开 。wx.navigateToMiniProgram 官方api

如果你打开之后想返回之前的小程序 使用 wx.navigateBackMiniProgram 返回之前小程序api

注意:返回到上一个小程序。只有在当前小程序是被其他小程序打开时可以调用成功  。

wx.navigateToMiniProgram({
  appId: '',//要打开的小程序 appId
  path: 'page/index/index?id=123',//打开的页面路径,如果为空则打开首页
  extraData: {
    foo: 'bar'//需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据
  },


**收集整理了一份《2024年最新物联网嵌入式全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升的朋友。**
![img](https://img-blog.csdnimg.cn/img_convert/4d311141e6157f2593881d732fb10b3c.png)
![img](https://img-blog.csdnimg.cn/img_convert/5dd8d78d71ad6e1e05bb8578aceb06a4.png)

**[如果你需要这些资料,可以戳这里获取](https://bbs.youkuaiyun.com/topics/618679757)**

**需要这些体系化资料的朋友,可以加我V获取:vip1024c (备注嵌入式)**

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**

**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**

c (备注嵌入式)**

**一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人**

**都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**

### 微信小程序跳转至其他小程序的实现方法 在微信小程序开发过程中,为了增强用户体验和服务能力,开发者可以实现在当前小程序跳转到另一个指定的小程序。此操作主要依赖于 `wx.navigateToMiniProgram` API 函数来完成。 #### 使用 wx.navigateToMiniProgram 进行跨应用导航 当调用该函数时,需传递目标小程序的相关参数作为选项对象: - **appId**: (必填) 目标小程序的应用 ID。 - **path**: (选填) 打开的目标页面路径, 支持传参, 参数与路径使用 ? 分隔,参数键与参数值使用 = 相连,不同参数组间使用 & 隔开[^1]。 - **extraData**: (选填) 需要传递给目标小程序的数据,目标小程序可在 App.onLaunch() 和 App.onShow() 中获取这些数据。 - **envVersion**: (选填) 要打开的小程序版本。有效值为 develop(开发版),trial(体验版), release(正式版)[^2]。 下面是一个简单的 JavaScript 代码片段用于展示如何执行上述过程: ```javascript // 实现跳转到另一款小程序 function jumpToAnotherApp() { wx.navigateToMiniProgram({ appId: 'target-app-id', // 替换成实际的目标小程序ID path: 'pages/index/index?foo=bar', extraData: { from: 'current-mini-program' }, envVersion: 'release', success(res) { console.log('成功跳转'); } }) } ``` 值得注意的是,在发起请求之前,确保已经获得了用户的同意以及遵循了相关的隐私政策和安全指南[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值