JS微信分享封装

2022-05-20 20:32:18 第一文档网 [ 字体：小中大 ] [

阅读： ] [

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。下载word有问题请添加QQ：admin处理，感谢您的支持与谅解。

【#第一文档网# 导语】以下是®第一文档网的小编为您整理的《JS微信分享封装》，欢迎阅读！
封装,分享

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()初始化。

【编辑推荐】

WordPress 4.3 将用 Node.js 重写

JavaScript MVC 框架，Mithril.js 0.2.0 发布 Angular JS + Express JS入门搭建网站 js 模拟手机页面文件的下拉刷新

js实现相册翻页，滚动，切换，轮播功能

本文来源：https://www.dywdw.cn/769fc510dd88d0d233d46afc.html