微信小程序之自定义分享

微信小程序之自定义分享,第1张

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

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

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

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

其中有三个参数:

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

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

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

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

微信小程序分享功能的实现方法有两种:

第一种

在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面

第二种

自定义按钮实现分享,在page中添加一个带有open-type='share'的button标签(<button open-type='share'></button>)。点击该按钮后,即会自动触发已经在page.js中定义好的onShareAppMessage方法,实现分享功能。

<button open-type='share'>分享</button>

获取分享传递的参数

如上例,path属性指向的是user页面,并附带id=123的参数。我们只需在user.js的onLoad函数中,通过options查看传递过来的参数:

1、手机打开微信, 搜索【腾讯文档】,点击它的小程序。2、在腾讯文档页面,第一次使用,需要点击【开始使用】。3、进入小程序后,点击右下角的“+”。4在新建页面,点击【在线文档】。5、在文档页面,点击【空白】。6、新建文档后,输入内容,再点击右上角的图标。7、在分享页面,点击【所有人可编辑】,再点击“微信好友”。8、选择一名好友,再点击【发送】。9、发送成功后,微信共享文档已经可以多人编辑了。


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

原文地址: http://outofmemory.cn/yw/11084779.html

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

发表评论

登录后才能评论

评论列表(0条)

保存