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

gurenchang2025-04-28 1:04

前言：

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

代码展示：

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,
    });
  },