实现从一个微信小程序跳转到另一个微信小程序

前言:

最近在公司完成了一个两个小程序之间进行跳转的需求,将跳转方式与携带参数的方式分享给伙伴们:

代码展示:

javascript 复制代码
  wx.navigateToMiniProgram({
     // 另一个程序的appId
      appId: "wxbbd...",
     //你希望跳转到另一个小程序的目标路径,携带参数直接拼接在跳转的路径后面
      path: `pages/flaunt/flaunt?wx_data=${JSON.stringify(
        this.data.medalData[this.data.currentIndex]
      )}&token=${this.data.token}&userId=${wx.getStorageSync("userId")}`,
     //跳转小程序的版本状态可选值:'develop'(开发版)、'trial'(体验版)、'release'(正式版)
      envVersion: "release",
      //跳转成功的回调
      success(res) {
        //可以执行一些需要的操作,例如:添加埋点
      },
      fail(err) {
        //可以执行一些需要的操作,例如:打印失败原因
      },
      complete(meg){
       //可以执行一些需要的操作,例如:进行调试
      }
    });

在另一个小程序中接受参数:

javascript 复制代码
 data: {
    token: "",
    userId: "",
    posertItem: {},
},
//在另一个小程序的onLoad生命周期函数中使用options.传达值名字的方式进行接收
  onLoad(options) {
    if (options.wx_data) {
      const posertItem = JSON.parse(options.wx_data);
      this.setData({
        posertItem,
      });
    this.setData({
      token: options.token,
      userId: options.userId,
    });
  },
相关推荐
克里斯蒂亚诺更新20 小时前
微信小程序使用vant4 weapp自定义菜单 但是弹出层却被菜单遮挡的解决办法
微信小程序·小程序·notepad++
静Yu21 小时前
从一个九宫格素材小程序,看轻量工具产品该如何优化体验
前端·微信小程序
小羊Yveesss1 天前
2026年微信小程序制作工具怎么选?
微信小程序·小程序
河北清兮网络科技1 天前
深度解析:2026石家庄短视频APP开发真实成本、隐性开销与避坑方案
大数据·小程序·app·短剧app·广告联盟
微擎应用1 天前
宠物门店系统 - 连锁宠物医院多门店小程序+公众号双端管理系统
小程序·宠物
脱脱克克1 天前
使用 TRAE / VS Code + DeepSeek V4 开发微信小程序、网页
微信小程序·ai编程·环境配置
2501_915921431 天前
uni-app 上架 iOS 的完整流程(无需依赖 Mac)
android·macos·ios·小程序·uni-app·iphone·webview
前端 贾公子1 天前
使用 wxappUnpacker 工具进行 MAC 微信小程序反编译
macos·微信小程序·小程序
CRMEB系统商城2 天前
CRMEB多商户系统(Java)v2.3公测版发布
java·开发语言·人工智能·小程序·开源·php
嫂子的姐夫2 天前
050-wx小程序合肥住房
爬虫·python·小程序·逆向