微信小程序自定义分享功能开发笔记

要在分享的页面中定义onShareAppMessage 方法，只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮
onShareAppMessage触发方式有两种，一种是通过下面示例的button方式触发，一种是右上角菜单转发
onShareAppMessage是同步方法，如果我们要自定义复杂的转发逻辑，需要通过其promise方法实现，使用方法如下面示例
如使用promise方法定义转发内容，也需定义其他基础配置项，如promise该参数存在，则以其resolve 结果为准，如果三秒内不 resolve，分享会使用默认参数

<button class="resetBtn mangeL-box" open-type="share" data-info='{{videoInfo}}'><view class="icon-name">分享</view>
</button>

   onShareAppMessage({from,target}) {// 判断from类型来确定是按钮分享还是三个点分享if (from == 'button') {let video = target.dataset.infoconst promise = new Promise(resolve => {this.creatShare(video).then(res => {resolve(res)})})return {title: '请欣赏我的课文朗读作品，点赞+评论。',path: `/pages/index/index`,imageUrl: xxx,promise}} else {return {title: '课文朗读，从未如此有趣。',path: `xxx`,imageUrl: 'http://xxx/v3/shareContent.png'}}}

  creatShare(video) {return new Promise((resolve, reject) => {// 我在这里是使用canvas绘图分享的，绘制代码已删除，主要是通过reslove（）抛出分享的配置项wx.canvasToTempFilePath({canvas: canvas,success(res) {resolve({title: '请欣赏我的课文朗读作品，点赞+评论。',path: `/pages/index/index?readId=${video.userRead.id}`,imageUrl: res.tempFilePath})},fail(res) {reject()}}, this)})},

微信小程序自定义分享功能开发笔记相关推荐

微信小程序之分享功能
一.介绍微信小程序的分享功能可以分享页面给朋友或群聊,但是不能分享到朋友圈,需要分享朋友圈的话,可以在小程序内设计一个分享页面,利用小程序提供的canvas把小程序码绘制到分享图里保存到本地分享到朋 ...
微信小程序发帖图片功能开发
微信小程序发帖图片功能开发用途:论坛交流里,用户通常会发帖,包含文字和图片前端界面上传界面的前端代码 <f ...
微信小程序/uniapp分享功能-代码封装与使用（分享好友或朋友圈-两种方式）
官方地址:分享 | uni-app官网一.分享朋友圈-详见uni-app官方文档注意:更多注意事项见uni-app文档结果展示: 二.分享好友或者朋友圈-详见微信开放文档先展示: 实现分享 ...
微信小程序实现分享功能
@微信小程序微信小程序如何实现分享功能可能对于一些新入门的小程序开发者来说,开发一款小程序,想要推广,肯定希望有分享好友的功能,但是点击小程序右上角的三点按钮,发现发送给朋友的选项是灰色的.比如说 ...
java实现微信小程序客服功能开发，后台接受用户发送消息实现关键词自动回复
最近做了一个小程序中间用到了小程序客服功能,主要实现采集用户提问,并且针对关键词自动回复及手动回复.中间踩过很多坑,所也现在记录下来提供给大家. 准备首先准备一个小程序,配置好域名,左边菜单栏目点击 ...
微信小程序自定义分享标题和图片
微信小程序当中有两种分享的方式 1.按钮方式<button open-type="share"></button> 2.右上方的"..." ...
uni-app微信小程序订阅消息功能开发(流程讲解篇)
温馨提示微信小程序中废弃了"模板消息",,微信小程序模板消息使用场景首先我们需要明白微信订阅消息使用场景,比如客户点了一份美团外卖客户需要知道当前订单商家是否接单,或订单是否 ...
java实现微信小程序客服功能开发
第一步:先在后台接入配置URL 官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/custome ...
微信小程序转发分享功能
转发获取更多转发信息通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识.现在通过调用 wx.showShareMenu 并且设置 withShareTicket 为 t ...

微信小程序自定义分享功能开发笔记

微信小程序自定义分享功能开发笔记相关推荐

最新文章

热门文章