失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序分享和转发朋友圈功能

微信小程序分享和转发朋友圈功能

时间:2023-05-02 02:36:11

相关推荐

微信小程序分享和转发朋友圈功能

调用wx.showShareMenuapi

在需要转发的页面的onLoad(onShow也可以)事件里加入如下代码:

wx.showShareMenu({withShareTicket:true,menus:['shareAppMessage','shareTimeline']})

加入后,点击小程序右上角的三个点“分享到朋友圈”按钮就可以使用了

在开发工具里可以预览分享的效果

小程序提交审核发布后,在朋友圈里的分享效果如下

分享后的封面图是默认小程序的logo,标题是默认当前分享的小程序的页面导航标题。

点击打开小程序后,跳转到分享的小程序页面,点击不能直接使用小程序的跳转,需要点击下方的“前往小程序”才是真正进入小程序。

这个功能目前还有完善,在开发工具里里查看小程序的分享页,如果小程序里有“updateManager.onUpdateReady”方法来更新小程序,会提示报错:

Cannot read property 'onUpdateReady' of undefined

目前小程序分享到到朋友圈的方式是:小程序单页模式,并不会直接打开小程序,无法交互。“单页模式”下,页面顶部固定有导航栏,标题显示为分享时的标题,非常适合阅读类、内容类、资讯类小程序;顶部导航栏与底部操作栏均不支持自定义样式。以后开发需要考虑单页模式的布局,同时也要考虑专门为转发朋友圈来设计页面导航标题。

有关单页面模式的适配和限制详见微信官方文档:

分享到朋友圈 | 微信开放文档

以上这些功能设计,就是微信防止此功能的滥用。

3.自定义分享的封面、标题和页面参数

可以使用页面的分享朋友圈事件处理函数:onShareTimeline(),

onShareTimeline:function(){return{title:'还在为如何购买商品而烦恼吗?让我们为您提供一站式的服务!',imageUrl:''}},

如果觉得《微信小程序分享和转发朋友圈功能》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。