微信小程序和微信小程序之间的跳转和传参示例代码附讲解

时间:2024-02-22 20:49:05

一:微信小程序跳转

使用限制

需要用户触发跳转

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

需要用户确认跳转

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

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

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

配置方法:

在app.json文件修改如下:

 

 

代码:

 "navigateToMiniProgramAppIdList": [
    "wx313490c64bc53c23"
  ]

示例:小程序a跳转到小程序b

小程序a代码: 跳转到小程序b并传id

wx.navigateToMiniProgram({
appId: \'\',
path: \'pages/index/index?id=123\',
extraData: {},
envVersion: \'develop\',
success(res) {
// 打开成功
}
})

 

小程序b代码:

//index.js  接收并打印小程序a传递过来的参数

 

Page({
onLoad: function (options) {
console.log(options)
}
})

 

二:返回上一个微信小程序

wx.navigateBackMiniProgram({
extraData: {},
success(res) {
// 返回成功
}
})