JS微信分享不好写?来封装一下

开发 前端
微信开发这块,作为开发工程师来说,一般是避免不了的,也好像发现一些朋友写微信分享都是在每个页面一大把一大把的代码。

微信开发这块,作为开发工程师来说,一般是避免不了的,也好像发现一些朋友写微信分享都是在每个页面一大把一大把的代码。

代码冗余,即便是复制过来再改也很麻烦。

之前自己封装了一下js,今天来分享一下,希望能给看到的园友带来一点思路,当然希望能帮忙一起改进。

我的思路:

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

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

实现主要代码:

 

 

  1. setData: function(){ 
  2.         var self = this
  3.         self.data = { 
  4.             title: self.title, 
  5.             desc: self.desc, 
  6.             link: self.link, 
  7.             imgUrl: self.imgUrl, 
  8.             type: self.type, // 分享类型,music、video或link,不填默认为link 
  9.             dataUrl: self.dataUrl, // 如果type是music或video,则要提供数据链接,默认为空 
  10.             success: self.success, 
  11.             cancel: self.cancel 
  12.         }; 
  13.         //深度克隆 
  14.         self.QQData = JSON.stringify(self.data); 
  15.         self.QQData = JSON.parse(self.QQData); 
  16.         self.TimeLineData = JSON.stringify(self.data); 
  17.         self.TimeLineData = JSON.parse(self.TimeLineData);   
  18.         self.WeiBoData = JSON.stringify(self.data); 
  19.         self.WeiBoData = JSON.parse(self.WeiBoData);    
  20.  
  21.       //反序列化 
  22.               self.QQData.success = self.success; 
  23.                self.TimeLineData.success = self.success; 
  24.           self.WeiBoData.success = self.success; 
  25.           self.QQData.cancel = self.cancel; 
  26.           self.TimeLineData.cancel = self.cancel; 
  27.           self.WeiBoData.cancel = self.cancel; 
  28.     } 
  29.  
  30.  
  31. wx.ready(function(){ 
  32.                   wx.showOptionMenu(); 
  33.                   if(self.data == '') self.setData(); 
  34.                   wx.onMenuShareQQ(self.QQData); 
  35.                   wx.onMenuShareAppMessage(self.data); 
  36.                   wx.onMenuShareTimeline(self.TimeLineData); 
  37.                   wx.onMenuShareWeibo(self.WeiBoData); 
  38.             }); 

 使用帮助:

 

 

 

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

 

如果分享的内容都一致

 

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

 

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

  1. wxshare.link = ''
  2. wxshare.title = ''
  3. wxshare.desc = ''
  4. wxshare.imgUrl = ''
  5. wxshare.setData();//必须加上 
  6. wxshare.TimeLineData.title = '';  
  7. wxshare.QQData.desc = ''
  8. wxshare.start(); 

 

重点说明: setData()

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

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

 
责任编辑:王雪燕 来源: 博客园
相关推荐

2013-08-19 15:00:53

微信易信

2024-03-01 18:55:54

内存调试Go 语言

2013-10-10 14:15:22

微信开发

2020-10-15 11:18:13

Linux内核虚拟机

2023-05-03 09:09:28

Golang数组

2019-03-06 10:20:24

微信腾讯流量

2015-07-28 14:32:41

创业工作和家庭

2021-08-07 07:56:59

Node逻辑对象

2020-07-29 10:20:28

Redis数据库字符串

2017-09-25 09:17:52

美工程序员互联网

2018-01-02 16:48:58

Python 微信安卓

2021-12-27 08:31:42

Next.js SSRSSG

2013-03-21 09:54:51

微信开发者案例

2020-05-19 13:34:20

ZookeeperZAB协议

2015-02-12 16:57:35

微信SDK

2023-09-06 08:57:33

NLTK自然语言处理工具

2021-04-21 14:19:52

javaignalHandle接口

2016-10-20 14:04:09

2021-06-28 20:28:33

微信微信8.0.8移动应用

2013-08-08 10:13:25

微信
点赞
收藏

51CTO技术栈公众号