uniapp小程序中onShareAppMessage(OBJECT)实现带参数的分享功能，Uniapp小程序实现带参数分享功能，onShareAppMessage(OBJECT)详解

摘要：在uniapp小程序中，通过实现onShareAppMessage(OBJECT)方法可以实现带参数的分享功能。该方法允许开发者自定义分享内容、标题和路径等参数。通过传递特定的参数给该方法，可以在用户点击分享按钮时，将参数附加到分享内容中，从而实现个性化的分享功能。这种机制有助于提高用户体验和应用程序的社交传播效果。

在小程序中，当用户点击分享按钮时，会调用 onShareAppMessage 处理函数，用于设置该页面的分享信息，此事件需要 return 一个 Object，用于自定义分享内容，分享按钮可能是小程序右上角原生菜单自带的分享按钮，也可能是开发者在页面中放置的分享按钮。

平台差异说明

不同小程序平台在分享功能上的实现有所差异，具体差异如下：

1、参数差异：

from分享事件来源，包括 button（页面内分享按钮）和 menu（右上角分享按钮）。

targetfrom 值是 button，则 target 是触发这次分享事件的 button，否则为 undefined。

webViewUrl页面中包含 web-view 组件时，返回当前 web-view 的 url（微信小程序1.6.4+、支付宝小程序、京东小程序）。

2、自定义分享内容差异：

* 标题（title）和页面路径（path）是必填项。

* 分享图标（imageUrl）的路径可以是本地文件路径、代码包文件路径或网络图片路径。

* 内容（content）在百度小程序中表现为分享内容，在支付宝小程序中表现为吱口令文案。

* 描述（desc）是自定义分享描述，支持在支付宝小程序、抖音小程序、京东小程序中使用。

* 其他参数如背景图（bgImgUrl）、查询字符串（query）、模板ID（templateId）、微信小程序id（mpId）、转发形式（type）、微信小程序路径（mpPath）、渠道（channel）、H5链接地址（url）等，根据平台不同有所差异。

3、回调函数的差异：

* success、fail、complete 是接口调用成功的回调函数，主要在支付宝小程序、百度小程序中使用。

踩坑

问题：在vue3中使用onShareAppMessage编译到微信小程序时，小程序分享不生效。

原因：当前onShareAppMessage可能被全局的onShareAppMessage覆盖，执行顺序是先执行页面级的onShareAppMessage，再执行全局的onShareAppMessage。

解决方案：注册全局的onShareAppMessage，如示例中的globalShare.ts文件所示，在该文件中，我们导入了onShareAppMessage并定义了一个全局的分享函数，可以根据需求进行自定义分享内容的设置。

注意：微信、头条平台只有定义了此事件处理函数，小程序右上角菜单才会显示“转发”按钮，QQ小程序还支持通过qq.offShareAppMessage取消对系统分享按钮的监听。