小程序怎么显示当前页面的转发按钮

今天小编给大家分享一下小程序怎么显示当前页面的转发按钮的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

onShareAppMessage(options)

在 Page 中定义 onShareAppMessage 函数，设置该页面的转发信息。

• 只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮

• 用户点击转发按钮的时候会调用

• 此事件需要 return 一个 Object，用于自定义转发内容

options 参数说明

自定义转发字段

回调结果：

success回调参数说明：

示例代码：

Page({
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }return {
      title: '自定义转发标题',
      path: '/page/user?id=123',
      success: function(res) {// 转发成功  },
      fail: function(res) {// 转发失败  }
    }
  }
})

wx.showShareMenu(OBJECT)

基础库版本 1.1.0 开始支持，低版本需做兼容处理

显示当前页面的转发按钮

OBJECT参数说明：

示例代码：

wx.showShareMenu({
  withShareTicket: true
})

wx.hideShareMenu(OBJECT)

基础库版本 1.1.0 开始支持，低版本需做兼容处理

隐藏转发按钮

OBJECT参数说明：

示例代码：

wx.hideShareMenu()

wx.updateShareMenu(OBJECT)

基础库 1.2.0 开始支持，低版本需做兼容处理

更新转发属性

OBJECT参数说明：

示例代码：

wx.updateShareMenu({
  withShareTicket: true,
  success() {
  }
})

wx.getShareInfo(OBJECT)

基础库 1.1.0 开始支持，低版本需做兼容处理

获取转发详细信息

OBJECT参数说明：

CALLBACK 参数说明：

encryptedData 解密后为一个 JSON 结构，包含字段如下：

Tip: 如需要展示群名称，可以使用开放数据组件

获取更多转发信息

通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息，例如群的标识。现在通过调用 wx.showShareMenu 并且设置 withShareTicket 为 true ，当用户将小程序转发到任一群聊之后，可以获取到此次转发的 shareTicket，此转发卡片在群聊中被其他用户打开时，可以在 App.onLaunch() 或 App.onShow 获取到另一个 shareTicket。这两步获取到的 shareTicket 均可通过 wx.getShareInfo() 接口可以获取到相同的转发信息。

页面内发起转发

基础库 1.2.0 开始支持，低版本需做兼容处理

通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage() 事件，如果当前页面没有定义此事件，则点击后无效果。相关组件：button

使用指引

转发按钮，旨在帮助用户更流畅地与好友分享内容和服务。转发，应是用户自发的行为，且在需要时触手可及。开发者在使用时若遵从以下指引，会得到更佳的用户体验。

1. 含义清晰：明确、一目了然的图形按钮，将为用户减少理解的时间。在我们的资源下载中心，你可以找到这样的按钮素材并直接使用。或者你可以根据自己业务的设计风格，灵活设计含义清晰的按钮的样式。当然，你也可以直接使用带文案的按钮，“转发给好友”，它也足够明确。

2. 方便点击：按钮点击热区不宜过小，亦不宜过大。同时，转发按钮与其他按钮一样，热区也不宜过密，以免用户误操作。

3. 按需出现：并非所有页面都适合放置转发按钮，涉及用户隐私的非公开内容，或可能打断用户完成当前操作体验的场景，该功能并不推荐使用。同时，由于转发过程中，我们将截取用户屏幕图像作为配图，因此，需要注意帮助用户屏蔽个人信息。

4. 尊重意愿：理所当然，并非所有的用户，都喜欢与朋友分享你的小程序。因此，它不应该成为一个诱导或强制行为，如转发后才能解锁某项功能等。请注意，这类做法不仅不被推荐，还可能违反我们的《运营规范》，我们强烈建议你在使用前阅读这部分内容。

Bug & Tip

1. tip: 转发图片不能自定义；会取当前页面，从顶部开始，高度为 80% 屏幕宽度的图像作为转发图片。

2. tip: 转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发

3. tip: 只有转发到群聊中打开才可以获取到 shareTickets 返回值，单聊没有 shareTickets

4. tip: shareTicket 仅在当前小程序生命周期内有效

5. tip: 由于策略变动，小程序群相关能力进行调整，开发者可先使用wx.getShareInfo接口中的群ID进行功能开发。

以上就是“小程序怎么显示当前页面的转发按钮”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注亿速云行业资讯频道。