`

微信小程序对onShareAppMessage进行封装,分为分享到个人和分享到群

 
阅读更多

1.底层代码封装到util工具js里面

function onShareAppMessage(title, path, callback, imageUrl) {
  //设置一个默认分享背景图片
  let defaultImageUrl = '../../images/share.jpg';
  return {
    title: title,
    path: path,
    imageUrl: imageUrl || defaultImageUrl,
    success(res) { 
      console.log("转发成功!");
      if (!res.shareTickets) {
      	//分享到个人
        api.shareFriend().then(() => {
          console.warn("shareFriendSuccess!");
          //执行转发成功以后的回调函数
          callback && callback();
        });
      } else {
      	//分享到群
        let st = res.shareTickets[0];
        wx.getShareInfo({
          shareTicket: st,
          success(res) {
            let iv = res.iv
            let encryptedData = res.encryptedData;
            api.groupShare(encryptedData, iv).then(() => {
              console.warn("groupShareSuccess!");
              //执行转发成功以后的回调函数
              callback && callback();
            });
          }
        });
      }
    },
    fail: function (res) {
      console.log("转发失败!");
    }
  };
}

//将其方法导出
module.exports = {
  onShareAppMessage: onShareAppMessage
}

2.调用示例

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function (e) {
    let nickName = '';
    try {
      nickName = getApp().globalData.userInfo.nickName;
    } catch (e) {
      console.warn("用户未授权!");
      nickName = '有人';
    }
    let title = `[${nickName}@我]帮我看看这个叫什么,经常吃却不知道名字`;;
    let path = '/pages/index/index';
    let shareCallBack = () => {
    	//分享成功后做的事情
        //
        //
    };
    //此处调用封装好的分享代码
    return util.onShareAppMessage(title, path, shareCallBack);
  },
分享到:
评论

相关推荐

    微信小程序组件封装.zip

    分享功能是提升应用传播效率的关键,微信小程序提供了`wx.onShareAppMessage`和`wx.updateShareMenu`等方法,可以自定义分享卡片的内容和样式,包括标题、图片、路径等信息,同时可以监听分享结果,进行相应的业务...

    微信小程序图片组件封装可以制作二维码加文字图片合成海报分享到朋友圈

    7. **分享到朋友圈**:微信小程序提供了分享功能,可以调用`wx.onShareAppMessage()`和`wx.updateTimelineShareData()`来配置分享内容。在用户触发分享事件时,会展示我们预先设定的海报图片和相关信息。 8. **项目...

    微信小程序海报组件封装,实用的小程序组件mini-poster-master.zip

    5. **图片处理**:在海报生成过程中,可能需要对图片进行裁剪、缩放等操作,这可以通过微信小程序的图片处理API实现,如wx.getImageInfo() 和 wx.canvasToTempFilePath()。 6. **事件处理**:用户可能需要点击生成...

    微信小程序生产海报的demo

    开发者lingxiaoyi创建的这个插件,旨在帮助微信小程序开发者轻松实现动态生成个性化海报的功能,例如用户可以将自己的头像、昵称或其他定制信息添加到海报模板上,然后分享到朋友圈或者微信聊天中。 首先,我们需要...

    姓氏头像框多模板制作微信小程序源码下载,复古等等超多模板支持流量主.zip

    同时,小程序中可能存在多个页面间的通信需求,这时可能使用到`Page`对象的`data`属性进行状态管理,或者使用微信小程序提供的`wx.setStorageSync`和`wx.getStorageSync`进行本地数据存储。 4. **事件处理**:用户...

    微信小程序源码_今日更新选课投票.zip

    开发者需要掌握的主要语言是WXML(微信小程序标记语言)和WXSS(微信小程序样式语言),这两者分别负责结构和样式。此外,JavaScript作为后端逻辑处理的核心,用于处理数据绑定、事件处理和网络请求等。 在这个...

    服装供销商城小程序(微信小程序源码).zip

    综上所述,这个服装供销商城小程序源码包含了完整的微信小程序开发流程和技术要点,涵盖了从界面设计、数据处理到功能实现的多个方面,对于想要学习微信小程序开发或者搭建服装行业电商平台的人来说,是一个宝贵的...

    美食菜谱.zip微信小程序模板源码

    为了获取用户信息或分享到朋友圈,开发者需调用微信小程序的用户授权API(如`wx.login`、`wx.getUserInfo`)以及分享功能(如`wx.onShareAppMessage`)。 10. **性能优化**: 对于大量图片的加载,可能使用懒加载...

    微信小程序封装分享与分销功能过程解析

    微信小程序的分享功能是指用户可以通过微信内部功能如“发送给朋友”、“分享到朋友圈”等方式,将小程序页面分享给微信好友或分享到朋友圈。而分销功能,即是一种通过用户分享获取新用户的机制,通过系统追踪用户...

    软件开发案例分析.rar

    7. 分享功能(Sharing):微信小程序提供了便捷的分享API,如wx.onShareAppMessage、wx.updateShareMenu等,开发者可以根据需求定制分享的标题、图片和内容,鼓励用户将小程序内容分享到微信聊天、朋友圈等社交场景...

    小程序生成二维码名片分享朋友圈

    例如,微信小程序的`wx.qrcode`接口可以生成二维码图片,需要传入包含名片信息的JSON数据。 11. **分享到朋友圈**:小程序支持用户分享内容到朋友圈,通过调用`wx.onShareAppMessage`和`wx.updateTimelineShareData...

    小试小程序云开发(小结)

    在本文中,我们将探讨小程序云开发的实践与经验,特别是如何利用微信小程序的云端能力进行全栈开发。微信小程序作为一种轻量级的应用形式,自推出以来就受到广泛关注。随着技术的发展,开发者可以更便捷地利用小程序...

    体育新闻小程序源码加截图.zip

    - UI设计需遵循微信小程序的设计规范,确保用户体验流畅。设计师通常会使用微信开发者工具提供的设计工具或第三方设计软件如Sketch、Adobe XD等来完成界面设计。 8. **服务器与数据库**: - 后端服务器通常使用...

    微信

    在JavaScript层面,微信小程序引入了自己的框架和API,开发者可以使用这些API与微信服务器进行交互,获取用户信息,实现支付功能,管理小程序的数据状态,以及处理页面间的跳转。例如,`wx.login()` 方法用于获取...

    前端开发简历模板-潘女士-web前端-3年.doc

    从潘女士的项目经验和技能描述来看,她精通Vue.js框架,熟悉前后端协作,了解用户权限管理、组件通信、状态管理、网络请求、数据处理、页面优化等前端核心技能,同时也具备微信小程序的开发经验。这些技能和经验使得...

Global site tag (gtag.js) - Google Analytics