
第一种
在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、将二维码转换为base64编码,通过接口返回给前端,并在页面上渲染成图片,用户可以保存分享。
开发者需要通过调用微信开放接口生成二维码,将生成的图片或base64编码通过接口返回给前端,前端再完成页面渲染,实现小程序分享二维码的功能。
onShareAppMessage(Object object)
官网是这样说的
(一)在我们自己的项目内,对应的js文件中这样写,一般在生成小程序文件的时候默认会显示这样的语句:
那么,在我们小程序界面右上角菜单就会显示“转发”按钮:
(二)除了默认的方法外,我们还可以自定义转发的标题与内容,此事件处理函数需要 return 一个 Object,用于自定义转发内容:
实现:
(三)一般为了引导用户的转发,我们还会在界面上设置转发按钮,比如“分享给好友”
(按钮样式还是需要自己调整的)
这时候d出的内容则跟我们右上角菜单的“转发”行为一致。
官方Tips
1.不自定义转发图片的情况下,默认会取当前页面,从顶部开始,高度为 80% 屏幕宽度的图像作为转发图片。
2.转发的调试支持请查看 普通转发的调试支持 和 带 shareTicket 的转发
3.只有转发到群聊中打开才可以获取到 shareTickets 返回值,单聊没有 shareTickets
4. shareTicket 仅在当前小程序生命周期内有效
5.由于策略变动,小程序群相关能力进行调整,开发者可先使用 wx.getShareInfo 接口中的群 ID 进行功能开发。
6.微信7.0.12开始,支持群主转发小程序时同时把消息设为该群的群待办消息,群待办消息会以气泡形式出现在聊天窗口底部。默认每次转发一个群待办消息,都会生成一个待办消息气泡。通过 wx.updateShareMenu 接口修改 toDoActivityId 属性可以把多个待办消息聚合为同一个,即转发相同 toDoActivityId 的群待办消息,只会出现一个待办消息气泡。 toDoActivityId 需要在转发前通过 updatableMessage.createActivityId 接口创建。
(四)另外关于转发,官方还提供了其他几个API方法:
1)wx.updateShareMenu(Object object):更新转发属性
2)wx.showShareMenu(Object object):显示当前页面的转发按钮
3)wx.hideShareMenu(Object object):隐藏转发按钮
4)wx.getShareInfo(Object object):获取转发详细信息
最后这一个还没有理清楚,目前测试报错,后期理清了再来更新。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)