微信小程序点击右上角分享到朋友圈（携带参数以及接收参数）

Bertha 。 2023-02-28 11:29 85阅读 0赞

**前言：**  
分享到朋友圈不携带参数很简单，直接复制代码就可以，但是功能要分享个id，前期以为会和跳转传值接收一样，结果并不是，传参的时候需要解析一下，接收的时候也需要解析一下。  
**功能：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70]  
**分享代码：**

onShareAppMessage: function () { 
        var share_title = "pxhing"; //名称
        var goods_id = wx.getStorageSync('userInfo').id;//传的id
        var share_path = '/pages/index_detail/index_detail?id=' + goods_id;
        let shareImg = this.data.share_image;//候展示的图片
        console.log('转发地址：' + share_path);
        var that = this;
        return { 
          title: share_title,
          path: share_path,
          imageUrl: shareImg ? shareImg : that.data.share_image,
          success: function (res) { 
            // 转发成功
          },
          fail: function (res) { 
            // 转发失败
          }
        }
    
      },
      onShareTimeline: function (res) { 
        var share_title = "pxhing"; //分享名称
        var goods_id = wx.getStorageSync('userInfo').id; //传的id
        let shareImg = this.data.share_image;  //分享的时候展示的图片
        console.log('分享id：' + goods_id);
        var that = this;
        var query = { 
          data: goods_id
        };
        query = JSON.stringify(query.data);  //解析一下query
        return { 
          title: share_title,
          query: query,
          imageUrl: shareImg ? shareImg : that.data.share_image,
          success: function (res) { 
            // 转发成功
          },
          fail: function (res) { 
            // 转发失败
          }
        }
      }

**效果图：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70 1]

**接收代码：**

onLoad: function (options) { 
        for (var key in options) { 
        console.log("接收的id:" + key);  //key就是上面传递过来的值
          this.setData({ 
              indexDetail: key
            })
        }
      },

**效果图：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70]: /images/20230209/388bbc49bec5492497f7b53abad46876.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200721142644737.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200721142726589.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3B4aGluZw==,size_16,color_FFFFFF,t_70