【快速文档】小程序分享就能领现金？转发功能应该这样做

本文链接：https://blog.youkuaiyun.com/wechat_wuming/article/details/120771378

本文介绍了小程序中实现转发功能的方法，包括wx.showShareMenu()、wx.showShareImageMenu()等，详细讲解了重要参数及其用法。同时，文章展示了如何结合button标签实现转发领现金的功能，并给出了具体代码示例，对于需要转发图片的情况，提供了使用wx.showShareImageMenu()的解决方案，强调了图片路径需为本地或临时路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转发功能

wx.showShareMenu()

显示页面转发

wx.showShareImageMenu()

图片转发

wx.showVideoMessage()

视频转发

wx.showFileMessage()

文件转发

重要参数

wx.showShareMenu()

menus 可以定义转发菜单，设置"shareAppMessage"表示发送给朋友，设置"shareTimeline"表示发送到朋友圈，也就是说添加了该参数以后，就可以点击右上角实现发送到朋友圈了。不过，部分手机可能不支持。

wx.showShareImageMenu()

path 设置图片的路径，且必须是本地路径或者临时路径

wx.showVideoMessage()

videoPath 视频地址

thumbPath 缩略图地址，如果不提供，将会使用视频的第一帧

wx.showFileMessage()

filePath 文件的地址

fileName 自定义文件名，如果不提供，将会使用文件的名字

除了以上这些部分不同以外，只需要填写success, fail和complete就可以了

简单使用-转发领现金

之前，我们在学习button标签的时候，提到了一个特殊的open-type属性，叫做分享。我们也可以通过这个功能来实现。

如果你还不会使用button标签，点击这里可以学习

使用button标签实现的原理很简单，首先，我们通过button的分享能力和bindtap的按键绑定，来实现用户点击一下，就可以完成任务即可。

比如说，wxml的代码如下

<button open-type="share" bindtap="share_click">点击分享</button>
<view>当前的现金为：{{ m }}元</view>

js部分的代码如下

Page({
  data: {
    m: 0
  },
  onLoad: function (options) {

  },
  share_click(e){
    this.setData({m: parseFloat((this.data.m + 0.1).toFixed(1))});
  }
})

从这里，我们可以看出，转发的功能即使不使用之前我们提到的方法，也是可以正常完成的。

简单使用-转发图片

有的时候，我们进行测验，答题或者其他的一些可以生成最终报告的图片的小程序的时候，可能希望能够给朋友分享图片。但是通过button的分享功能进行分享的时候，默认使用的是屏幕截图，不能很好满足，因此，我们需要使用wx.showShareImageMenu()

注意，要求的路径必须是临时路径的意思是，你需要先将图片下载下来，使用wx.downloadFile()可以实现这个功能

转发图片的wxml部分代码如下

<button bindtap="share_click" >分享图片</button>

转发图片的js部分代码如下

Page({
  data: {

  },
  onLoad: function (options) {

  },
  share_click(e){
    wx.downloadFile({
      url: "此处需要填写一张图片的地址",
      success(res){
        wx.showShareImageMenu({
          path: res.tempFilePath,
        })
      }
    })
  }
})

回到小程序快速文档-吴茗