Taro小程序分享功能

Taro小程序分享onShareAppMessage (Object)功能使用

---

1.配置指定页面可分享(默认菜单栏分享按钮为灰色，不可分享)

找到page.config.js，配置如下

export default {

        enableShareAppMessage: true

}

2.Class类的页面添加如下：

export default class Index extends Component {
  onShareAppMessage (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
  }
}

如是Hooks页面，则在页面内添加如下：

Taro.useShareAppMessage(res => {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '自定义转发标题',
      path: '/page/user?id=123'
    }
})

具体参数如下：

参数

Object

参数	类型	说明
from	String	转发事件来源。 button：页面内转发按钮； menu：右上角转发菜单
target	Object	如果 from 值是 button，则 target 是触发这次转发事件的 button，否则为 undefined
webViewUrl	String	页面中包含 WebView 组件时，返回当前 WebView 的url

此事件需要 return 一个 Object，用于自定义转发内容，返回内容如下：

自定义转发内容

字段	类型	说明
title	转发标题	当前小程序名称
path	转发路径	当前页面 path ，必须是以 / 开头的完整路径
imageUrl	自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径。支持 PNG 及 JPG 。显示图片长宽比是 5:4	使用当前页面默认截图

 如有帮助，记得点赞三连~

客官且慢~扫一扫个人微信小程序，琳琅街比价，谢谢支持~