189 8069 5689
本篇内容主要讲解“怎么封装JS微信分享”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么封装JS微信分享”吧!
成都创新互联是一家专注于做网站、网站设计与策划设计,华安网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:华安等地区。华安做网站价格咨询:028-86922220
我的思路：
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微信分享”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！