小程序分享（转发）功能

article/2025/10/9 6:19:47

小程序官方文档：

页面内发起转发
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E9%A1%B5%E9%9D%A2%E5%86%85%E5%8F%91%E8%B5%B7%E8%BD%AC%E5%8F%91

1，页面内发起转发

通过给 button 组件设置属性 open-type=“share”，可以在用户点击按钮后触发，Page.onShareAppMessage 事件，相关组件：button。

<button open-type="share">页面内部分享</button>

 onShareAppMessage (e) {console.log('123123123')console.log(e)if (e.form === 'button') {console.log('来自页面内部按钮')} else if (e.from === 'menu') {console.log('右上角菜单转发按钮')}return {title: '发什么小程序链接，给爷趴',    //转发时定义的标题path: '/pages/among/demo?id=123',   //所要转发的页面路径imageUrl: 'https://img-blog.csdnimg.cn/20210104152109981.gif',  //转发时定义的图片success (res) {console.log(res)console.log('小程序转发成功')},fail (res) {console.log(res)console.log('小程序转发失败')}}}

这里需要注意：分享成功后是不会走成功回调和失败回调的现在已经改成无法监听用户分享成功或者失败了

小程序分享及用户信息授权等接口能力的调整通知https://developers.weixin.qq.com/community/develop/doc/000eacab888a20e8a2579099754401

页面效果

在这里插入图片描述

当然也可以通过右上角触发

在这里插入图片描述

2，小程序分享到朋友圈

注意

目前小程序分享到朋友圈只支持部分安卓手机，ios不可。可将小程序页面分享到朋友圈。适用于内容型页面的分享，不适用于有较多交互的页面分享。

分享到朋友圈
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

  onShow () {// 右上角的分享功能按钮wx.showShareMenu({withShareTicket: true,menus: ['shareAppMessage', 'shareTimeline'],// 不管转发是否成功都会走这个回调函数complete (res) {console.log(res)console.log('右上')},// 转发成功时触发的回调函数success (res) {console.log(res)console.log('右上角的分享功能按钮成功回调')},//转发失败时触发的回调函数fail (res) {console.log(res)console.log('右上角的分享功能按钮成功回调')}})},

** 这里需要注意 **