Skip to content

微信分享按钮呈灰色

问题

微信小程序上线成功后发现,无法分享小程序。分享按钮呈灰色,点击无反应。

经查询:微信小程序分享功能需要手动开启。可自定义分享标题、图片等,可分享群聊获取回调。

解决方法

用户点击右上角转发分享按钮会触发 wx 小程序的 onShareAppMessage 函数(和 onLoad 等生命周期函数同级),此事件需要 return 一个 Object,用于自定义分享内容。

微信小程序平台的分享管理比较严格,具体请参考 小程序分享指引

使用方法:

js
export default {
  onShareAppMessage(res) {
    if (res.from === 'button') {
      // 来自页面内分享按钮
      console.log(res.target)
    }
    return {
      title: '自定义分享标题',
      path: '/pages/test/test?id=123'
    }
  }
}

注意:微信、头条平台:只有定义了此事件处理函数,小程序右上角菜单才会显示“转发”按钮

详细参数请参考官方文档

如页面中根本没有分享按钮,请查看分享按钮是否被隐藏。

检查代码中是否存在 uni.hideShareMenu 方法,该方法可以隐藏原生菜单中的分享按钮。

如果需要分享群聊获取回调

可以使用 uni.showShareMenu 来完成分享,该方法分享到群聊中,用户点击会携带特定参数进入,可以做判别操作。

Released under the MIT License.