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

前言:

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

代码展示:

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,
    });
  },
相关推荐
派小心.10 小时前
小程序分享链路中来源参数的传递校验
大数据·前端·数据库·人工智能·小程序·数据分析
一木 之林14 小时前
微信小程序开发全攻略·文章版|00 总览:74集学习路径与知识地图
人工智能·学习·计算机视觉·微信小程序·小程序
m0_5873830017 小时前
无人自助拼豆系统的全栈开发方案
java·后端·struts·小程序·架构
AI源码17 小时前
雷山苗韵 - 非物质文化遗产传承平台
小程序·非遗小程序
CRMEB系统商城17 小时前
CRMEB开源商城系统(PHP)v8.0,打造全新AI二开商城底座!
开发语言·人工智能·小程序·开源·php
一木 之林18 小时前
微信小程序开发全攻略·文章版|01 入门与环境搭建
人工智能·学习·计算机视觉·微信小程序·notepad++
StevenLdh19 小时前
第八期 · 情绪闯关挑战盒:一个「无惩罚」成就系统的数据建模
java·微信小程序
眨眼猫会务智能体20 小时前
眨眼猫会务智能体会务系统的服务响应怎么样?出问题多久有人接?
安全·小程序·会务
微订校园外卖平台20 小时前
校园跑腿小程序上线:四端架构与校园外卖系统履约链路拆解
小程序·架构·外卖系统·本地生活·微订