不要在群里发小程序-微信小程序（学习三）--区分分享到个人或者分享到群-微信群小程序-即速应用

不要在群里发小程序-微信小程序（学习三）--区分分享到个人或者分享到群-微信群小程序

浏览量：1914 时间：2020-03-20 来源：honey199396

1.假如我们的微信小程序有一个对战功能，对战是需要观战的，我们需要将分享发送到群，发送到个人是无效的，这个时候我们就需要在程序内知道用户是分享到个人的还是分享到群。效果如下：
2.实现：
!--index.wxml--viewclass="container"viewclass='question'textstyle='color:white'{{msg}}/textbuttonopen-type='share'分享/button/view/view//pages/fight/share.jsPage({/***页面的初始数据*/data:{msg:"",},/***生命周期函数--监听页面加载*/onLoad:function(options){wx.showShareMenu({withShareTicket:true})},/***用户点击右上角分享*/onShareAppMessage:function(options){varthat=this;return{title:'我已经通过了26关了，你能通过多少关',path:'/pages/fight/index',imageUrl:'/images/lobby/bg_musicguess.png',success:function(options){if(options.shareTickets){wx.showToast({title:'已经分享到群',});}else{wx.showToast({title:'请分享到群',});}},fail:function(options){that.setData({msg:JSON.stringify(options)});}}},})
3.onShareAppMessage(options)
4.在Page中定义onShareAppMessage函数，设置该页面的转发信息。
只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮用户点击转发按钮的时候会调用此事件需要return一个Object，用于自定义转发内容
5.options参数说明
参数类型说明fromString转发事件来源。button：页面内转发按钮；menu：右上角转发菜单targetObject如果from值是button，则target是触发这次转发事件的button，否则为undefined
6.自定义转发字段
字段说明默认值title转发标题当前小程序名称path转发路径当前页面path，必须是以/开头的完整路径imageUrl自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入imageUrl则使用默认截图。显示图片长宽比是5:4success转发成功的回调函数fail转发失败的回调函数complete转发结束的回调函数（转发成功、失败都会执行
7.只有转发到群，才有shareTickets参数，同时通过shareTickets我们可以知道是转发到群还是个人。