小程序分享至好友或朋友圈

分享给好友 onShareAppMessage

官方参考文档.
监听用户点击页面内转发按钮(button 组件 open-type=“share”)或右上角菜单“转发”按钮的行为,并自定义转发内容。
注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    // 获取当前页面路径
    const pages = getCurrentPages(); 
    const currentPage = pages[pages.length - 1].route;
    // 构造分享页面显示内容
    //在path中可通过在页面路径添加?可传递参数
    return {
      title: '自定义转发标题',
      path: currentPage + '?id=123',
      imageUrl: '自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径'
    }
  },

分享至朋友圈 onShareTimeline

监听右上角菜单“分享到朋友圈”按钮的行为,并自定义分享内容。
注意:只有定义了此事件处理函数,右上角菜单才会显示“分享到朋友圈”按钮

  /**
   * 分享至朋友圈
   */
  onShareTimeline: function () {
    // 构造分享页面显示内容
    //query:自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分
    return {
      title: '自定义转发标题',
      imageUrl: '自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径',
      query: "id=123"
    }
  },

获取分享传递的参数

onLoad方法中,通过设置的参数名称在options中获取

  onLoad: function (options) {
    var id= options.id;
  },
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Taro小程序中实现分享朋友圈的功能,你可以使用`onShareAppMessage`函数和`showShareMenu`方法。首先,在你的页面代码中,使用`onShareAppMessage`函数来监听分享按钮的点击事件,并拦截分享操作。你可以在函数中设置分享的标题、片和路径。具体的实现代码可以参考微信官方文档中的示例代码。 另外,在页面的模板中,你需要添加一个按钮或其他触发分享的元素,并设置`open-type="share"`属性,这样才能触发分享到微信聊天的功能。 如果你想实现转发给好友的功能,而不是分享朋友圈,你可以借助Taro的hooks功能,将`useShareAppMessage`函数直接写在函数组件中。可以引入`useShareAppMessage`和`useShareTimeline`从'@tarojs/taro'中,然后在函数组件中使用`useShareAppMessage`来拦截转发事件,并设置分享的标题、路径和片等信息。 希望以上信息对你有帮助!如果还有其他问题,请随时提问。123 #### 引用[.reference_title] - *1* *3* [taro小程序 函数组件实现分享功能](https://blog.csdn.net/lee727n/article/details/119995747)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] - *2* [Taro+Vue3开发微信小程序分享好友功能](https://blog.csdn.net/zjq_1234/article/details/128151004)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值