微信小程序分享

微信小程序分享,第1张

小程序分享的具体内容可参照 官方文档 ,现在官方的说法为转发。

以下内容只针对转发给朋友这一功能

1、页面右上角三个...拉起分享

2、按钮主动触发( 必须为button)

小程序分享的实现是通过在page中配置onShareAppMessage实现

注意:官方的使用指引中明确了按需出现,所以在app.js全局配置实现所有页面增加分享功能是行不通的。需要每一页单独配置onShareAppMessage。

1、在app.js中写一个公共的shareAppMessage方法。

为了方便各个页面引用,把shareAppMessage方法放在了globalData中,或者写一个js文件,通过在页面中引用文件的方式获取shareAppMessage方法。

2、引用实现分享

微信小程序中自定义分享: 该功能将客户看到的小程序页面进行分享,从而达到页面的传播作用。

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

上诉button按钮需要绑定open-typre=“share” 这个参数即可实现分享好友功能。

注意:模拟器不支持,需要在真机上进行测试。

其中有三个参数:

监听用户点击页面内转发按钮( button 组件 open-type="share" )或右上角菜单“转发”按钮的行为,并自定义转发内容。

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

此事件处理函数需要 return 一个 Object,用于自定义转发内容,返回内容如下:

自定义转发内容 基础库 2.8.1 起,分享图支持云图片。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12173947.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存