小程序自定义分享事件及回调函数

定义函数

在页面的js文件中定义 onShareAppMessage 函数时，表示该页面可以进行转发。可以在函数中设置页面转发的信息。

只有定义了该函数，小程序右上角的菜单中才会有转发按钮
用户点击转发按钮的时候回调用该函数
该函数内需要 return 一个 Object，Object中包含转发的信息（可自定义转发的内容）

触发转发的位置

页面中可以触发转发的地方有两个：
　　一个是右上角菜单中的转发按钮
　　另一个是页面中具有属性open-type且其值为share的button。（注：必须是button组件，其他组件中设置 open-type="share" 无效）
　　即：<button data-name="shareBtn" open-type="share">转发</button>
　　注意：实际开发中会发现这个 button 自带有样式，当背景颜色设置为白色的时候还有一个黑色的边框，刚开始那个边框怎么都去不掉，后来给button加了一个样式属性 plain="true" 以后，再在样式文件中控制样式 button[plain]{ border:0 } ，就可以比较随便的自定义样式了，比如说将分享按钮做成一个图标等

触发分享事件函数

onShareAppMessage: function( options ){// 自定义分享内容var shareObj = {title: "转发的标题",        // 小程序的名称path: '/pages/share/share',        // 默认是当前页面，必须是以‘/’开头的完整路径imgUrl: '',     //自定义图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4success: function(res){// 转发成功之后的回调if(res.errMsg == 'shareAppMessage:ok'){}},fail: function(){// 转发失败之后的回调if(res.errMsg == 'shareAppMessage:fail cancel'){// 用户取消转发}else if(res.errMsg == 'shareAppMessage:fail'){// 转发失败，其中 detail message 为详细失败信息}},complete: fucntion(){// 转发结束之后的回调（转发成不成功都会执行）}};// 来自页面内的按钮的转发if( options.from == 'button' ){console.log("来源于button");// 此处可以修改 shareObj 中的内容shareObj.path = '/pages/btnname/btnname?btn_name='+eData.name;}// 返回shareObjreturn shareObj;
}

小程序自定义分享事件及回调函数相关推荐

小程序自定义分享卡片
小程序自定义分享卡片在微信小程序项目开发中,有将分享卡片,发送到微信群或者发送给个人的需求文章目录小程序自定义分享卡片前言一.分享功能介绍二.代码实现 1.实现思路一 2.实现思路二总结 ...
微信小程序自定义分享标题和图片
微信小程序当中有两种分享的方式 1.按钮方式<button open-type="share"></button> 2.右上方的"..." ...
uniapp小程序自定义分享按钮
1.代码如下 <button class="w100 h100 btn-collection inline-block" open-type="share" ...
微信小程序自定义组件事件跨越组件边界
如果自定义组件事件需跨越组件边界,进入其他任何组件内部时,需开启bubbles和composed属性事件分为冒泡事件和非冒泡事件: 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递. 非冒 ...
微信小程序自定义分享功能开发笔记
要在分享的页面中定义onShareAppMessage 方法,只有定义了此事件处理函数,右上角菜单才会显示"转发"按钮 onShareAppMessage触发方式有两种,一种是通过 ...
微信小程序自定义分享按钮
1.声明 onShareAppMessage 函数 onShareAppMessage() { return { title: '弹出分享时显示的分享标题' desc: '分享页面的内容', pa ...
微信小程序自定义绝对值、平方等函数
构建自定义函数放入getabs.wxs文档,将此文档放于pages文件夹内 var filter={ abs:function(value){ if (value<0) {return (-va ...
uniapp微信小程序自定义分享按钮
1.在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈并填写相关微信 appkey. 2. 代码里面调用: <button class="w100 h10 ...
小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...

小程序自定义分享事件及回调函数

定义函数

触发转发的位置

触发分享事件函数

小程序自定义分享事件及回调函数相关推荐

最新文章

热门文章