微信小程序转发分享功能

最新推荐文章于 2025-10-24 17:52:25 发布

原创最新推荐文章于 2025-10-24 17:52:25 发布 · 10w+ 阅读

136 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #分享 #转发

微信小程序专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了小程序中两种转发分享的方法，包括如何不带参数及带参数进行分享，并提供了具体实现代码示例。学习如何利用onShareAppMessage函数，结合button组件的open-type属性，实现个性化分享路径。

官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html

第一种情况点击小程序转发

不加入参数

  //转发
  onShareAppMessage: function() {
    let users = wx.getStorageSync('user');
    if (res.from === 'button') {}
    return {
      title: '转发',
      path: '/pages/index/index',
      success: function(res) {}
    }
  }

加入参数

  //转发
  onShareAppMessage: function() {
    let users = wx.getStorageSync('user');
    if (res.from === 'button') {}
    return {
      title: '转发',
      path: '/pages/index/index?from_uid=' + users.id,
      success: function(res) {}
    }
  }

第二种分享

这个分享必须做成button 且加上 open-type="share"

不加入参数

  onShareAppMessage: function (res) {
    if (res.from === 'button') {
    }
    return {
      title: '转发',
      path: '/pages/index/community/topic/topic',
      success: function (res) {
        console.log('成功', res)
      }
    }
  }

加入参数

  //转发
  onShareAppMessage: function (res) {
    if (res.from === 'button') {

    }
    return {
      title: '转发',
      path: '/pages/index/community/topic/topic?jsonStr=' + this.data.list,
      success: function (res) {
        console.log('成功', res)
      }
    }
  }

提醒：