今天简单地说下微信小程序的转发功能,为什么要简单的说下呢,因为主要讲的就是转发给好友或者群组,还有一种是分享到朋友圈,这种就比较复杂一点了,先稍微透漏一点,分享到朋友圈主要是两种方法,一种是后台直接生成海报图,一种是前端通过canvas生成海报。以后有机会再详细说,好了,言归正传继续说我们的转发好友。首先介绍一个微信小程序的API:onShareAppMessage(options)在Page中定义onShareAppMessage函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮用户点击转发按钮的时候会调用此事件需要return一个Object,用于自定义转发内容options参数说明参数类型说明最低版本fromString转发事件来源。button:页面内转发按钮;menu:右上角转发菜单1.2.4targetObject如果from值是button,则target是触发这次转发事件的button,否则为undefined1.2.4自定义转发字段字段说明默认值最低版本title转发标题当前小程序名称path转发路径当前页面path,必须是以/开头的完整路径imageUrl自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入imageUrl则使用默认截图。显示图片长宽比是5:41.5.0success转发成功的回调函数1.1.0fail转发失败的回调函数1.1.0complete转发结束的回调函数(转发成功、失败都会执行1.1.0还有一个值那就是shareTickets他是转发成功返回的,并且是个数组,每一项是一个shareTicket,对应一个转发对象API先说到这,接下来就是转发的实现先看图:首先要在onLoad中配置wx.showShareMenuonLoad:function(e){wx.showShareMenu({//要求小程序返回分享目标信息withShareTicket:true});},然后再配置onShareAppMessage/*转发*/onShareAppMessage:function(ops){if(ops.from==='button'){//来自页面内转发按钮console.log(ops.target)}return{title:'转发dom',path:`pages/index/index`,success:function(res){//转发成功console.log("转发成功:"+JSON.stringify(res));varshareTickets=res.shareTickets;//if(shareTickets.length==0){//returnfalse;//}////可以获取群组信息//wx.getShareInfo({//shareTicket:shareTickets[0],//success:function(res){//console.log(res)//}//})},fail:function(res){//转发失败console.log("转发失败:"+JSON.stringify(res));}}},我解释一下wx.getShareInfo这个可以获取到获取转发详细信息完整js代码就是//index.js//获取应用实例constapp=getApp()Page({data:{motto:'HelloWorld',},onLoad:function(e){wx.showShareMenu({//要求小程序返回分享目标信息withShareTicket:true});},/*转发*/onShareAppMessage:function(ops){if(ops.from==='button'){//来自页面内转发按钮console.log(ops.target)}return{title:'转发dom',path:`pages/index/index`,success:function(res){//转发成功console.log("转发成功:"+JSON.stringify(res));varshareTickets=res.shareTickets;//if(shareTickets.length==0){//returnfalse;//}////可以获取群组信息//wx.getShareInfo({//shareTicket:shareTickets[0],//success:function(res){//console.log(res)//}//})},fail:function(res){//转发失败console.log("转发失败:"+JSON.stringify(res));}}},})聪明的同学就该知道接下来该是wxml代码viewclass="container"viewclass="userinfo"buttonopen-type="share"分享好友/button/viewviewclass="usermotto"textclass="user-motto"{{motto}}/text/view/view友情提示一下如果点击按钮分享的话,button一定要设置open-type="share"否则不起作用。如果觉得文章还不错并对你有帮助的话,请分享给你的小伙伴,并点赞,有什么不懂得可以在底下留言哦。如果想看源码的话可以去我的github上下载,欢迎star,github:https://github.com/Mr-MengBo/wx-share
小程序如何分享给好友-(干货)微信小程序转发好友-小程序分享
浏览量:5996
时间:
来源:Mr_Limengbo
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

最新资讯
-
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
抖音再现本地生活服务,咫尺同城圈商业变现新通道
短视频成为本地生活探店网红营销变现引流的新阵地,每一位网红都渴望在短视频内“一夜爆红”。即速应用团队对多商家小程序进行升级,打造了咫尺同城圈:“同城探店营销助手”,不仅完善商家营销技巧,还助力探店网红玩转本地生活服务。 -
阿坝小程序代理
阿坝藏族羌族小程序代理公司有哪些?阿坝藏族羌族小程序代理平台哪个好?阿坝藏族羌族小程序代理商怎么收费,代理政策如何?下面就让即速应用产品经理jisuapp.cn来告诉你吧!