文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么封装JS微信分享

2024-04-02 19:55

关注

本篇内容主要讲解“怎么封装JS微信分享”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么封装JS微信分享”吧!

我的思路:

1.可以分享到四个地方QQ,朋友,朋友圈,微博,一般情况下他们是一致的,可以配置一个初始参数,赋值给它们四个

2.如果出现不一致,因为前面已经赋值了初始参数,这时再把需要不一致的内容替换掉

实现主要代码:

setData: function(){         var self = this;         self.data = {             title: self.title,             desc: self.desc,             link: self.link,             imgUrl: self.imgUrl,             type: self.type, // 分享类型,music、video或link,不填默认为link             dataUrl: self.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空             success: self.success,             cancel: self.cancel         };         //深度克隆         self.QQData = JSON.stringify(self.data);         self.QQData = JSON.parse(self.QQData);         self.TimeLineData = JSON.stringify(self.data);         self.TimeLineData = JSON.parse(self.TimeLineData);           self.WeiBoData = JSON.stringify(self.data);         self.WeiBoData = JSON.parse(self.WeiBoData);       //反序列化           self.QQData.success = self.success;            self.TimeLineData.success = self.success;           self.WeiBoData.success = self.success;           self.QQData.cancel = self.cancel;           self.TimeLineData.cancel = self.cancel;           self.WeiBoData.cancel = self.cancel;     }   wx.ready(function(){                 wx.showOptionMenu();                 if(self.data == '') self.setData();                 wx.onMenuShareQQ(self.QQData);                 wx.onMenuShareAppMessage(self.data);                 wx.onMenuShareTimeline(self.TimeLineData);                 wx.onMenuShareWeibo(self.WeiBoData);             });

使用帮助:

var wxshare = require('wxshare.js');

如果分享的内容都一致

wxshare.link = ''; wxshare.desc = ''; wxshare.imgUrl = ''; wxshare.type = ''; wxshare.dataUrl = ''; wxshare.start();

如果有不一致,针对不一致的地方进行修改

wxshare.link = ''; wxshare.title = ''; wxshare.desc = ''; wxshare.imgUrl = ''; wxshare.setData();//必须加上 wxshare.TimeLineData.title = '';  wxshare.QQData.desc = ''; wxshare.start();

重点说明: setData()

如果全部的分享内容都一样,直接执行start(), 判断data参数空为true,会执行setData(),
为四个分享赋值:QQData data TimeLineData WeiboData, 而后初始化

如果有不一致,***赋值后,直接调用setData(),为四个参数赋值,之后再根据需求修改不同的对应参数,***start()初始化。

到此,相信大家对“怎么封装JS微信分享”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯