广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >怎么封装JS微信分享
  • 414
分享到

怎么封装JS微信分享

2024-04-02 19:04:59 414人浏览 薄情痞子
摘要

本篇内容主要讲解“怎么封装js微信分享”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么封装JS微信分享”吧!我的思路:1.可以分享到四个地方QQ,朋友,朋友圈

本篇内容主要讲解“怎么封装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微信分享”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: 怎么封装JS微信分享

本文链接: https://www.lsjlt.com/news/86340.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 怎么封装JS微信分享
    本篇内容主要讲解“怎么封装JS微信分享”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么封装JS微信分享”吧!我的思路:1.可以分享到四个地方QQ,朋友,朋友圈...
    99+
    2022-10-19
  • js如何实现微信分享
    这篇文章将为大家详细讲解有关js如何实现微信分享,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下微信分享代码,先引入:<script type=...
    99+
    2022-10-19
  • 微信小程序封装分享与分销功能的示例分析
    这篇文章将为大家详细讲解有关微信小程序封装分享与分销功能的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。前言在微信小程序中,可以很简单的分享一个页面,比微信H5简...
    99+
    2022-10-19
  • js如何调用微信分享接口
    这篇文章将为大家详细讲解有关js如何调用微信分享接口,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容如下就这个效果1.设置js接口安全域名这需要使用微信的jssdk...
    99+
    2022-10-19
  • 微信JS-SDK如何实现微信分享接口开发
    这篇文章给大家分享的是有关微信JS-SDK如何实现微信分享接口开发的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。最近项目中的网页通过微信分享朋友或朋友圈等功能出现了无法显示分享图...
    99+
    2022-10-19
  • 微信JS-SDK中updateAppMessageShareData安卓不能自定义分享怎么办
    这篇文章主要介绍了微信JS-SDK中updateAppMessageShareData安卓不能自定义分享怎么办,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大...
    99+
    2022-10-19
  • ThinkPHP5怎么集成JS-SDK实现微信自定义分享功能
    今天小编给大家分享一下ThinkPHP5怎么集成JS-SDK实现微信自定义分享功能的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2023-07-05
  • 微信群活码以及微信活码防封如何实现技术分享
    最近收到很多有想做活码技术的需求,今天想就这个内容来分享一下。微信活码,是二维码的一种高级形态,二维码图案不变,内容可随时更改,通过后台存放内容去展示,极大程度的方便我们管理和微信群裂变。微信群活码怎么帮助我们做裂变营销?我们知道要让用户进...
    99+
    2023-06-05
  • node.js实现微信JS-API封装接口的示例代码
    Wechat JS-API接口 功能: 用于管理和获取微信 JSSDK 生产的access_token、jsapi_ticket和签名(signature) Installation npm i we...
    99+
    2022-06-04
    示例 接口 代码
  • 微信小程序中怎么封装request接口
    这篇“微信小程序中怎么封装request接口”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“微信小程序中怎么封装request...
    99+
    2023-06-30
  • 微信小程序中request接口怎么封装
    这篇文章主要介绍了微信小程序中request接口怎么封装,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序 request接口的封装实...
    99+
    2022-10-19
  • (分享链接制作)防封,微信文章分享活动推广链接制作
    据《微信外部链接内容管理规范》显示,微信平台禁止通过利益诱惑,诱导用户分享、传播外链内容或者微信公众帐号文章,包括现金奖励、实物奖品、虚拟奖品、集赞、拼团、分享可增加抽奖机会等。 微信方面表示,一旦发现违规行为将进行处理,包括停止链接内容在...
    99+
    2023-06-04
  • 微信小程序class封装http的示例分析
    这篇文章将为大家详细讲解有关微信小程序class封装http的示例分析,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。代码如下config.jsvar confi...
    99+
    2022-10-19
  • 微信小程序封装reu的代码怎么写
    本篇内容介绍了“微信小程序封装reu的代码怎么写”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!微信小程序封装reu的代码//封装aJaxva...
    99+
    2023-06-26
  • 微信小程序怎么使用Promise对wx.request()封装
    本文小编为大家详细介绍“微信小程序怎么使用Promise对wx.request()封装”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序怎么使用Promise对wx.request()封装”文章能帮助大家解决疑惑,下面跟着小编的思路...
    99+
    2023-07-05
  • 怎么做微信域名防封
    这篇文章主要讲解了“怎么做微信域名防封”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么做微信域名防封”吧!跳转破微信封域名,这个技术的原理是域名批量解析生成N个二级域名,域名无限替换跳转;...
    99+
    2023-06-04
  • JS中静态页面如何实现微信分享功能
    这篇文章主要介绍了JS中静态页面如何实现微信分享功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。前台代码:<script ...
    99+
    2022-10-19
  • ThinkPHP5集成JS-SDK实现微信自定义分享功能
    微信链接分享给好友时能够自定义标题、简介和logo,现将ThinkPHP5集成JS-SDK实现微信自定义分享功能的过程整理成文。 Jssdk类库 1、文件名及位置 名字:Jssdk....
    99+
    2023-03-11
    ThinkPHP5集成JS-SDK实现微信自定义分享功能 微信自定义分享功能
  • 怎么在Html5中实现微信分享功能
    这期内容当中小编将会给大家带来有关怎么在Html5中实现微信分享功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1、安装 weixin-js-sdknpm install weixin-js-...
    99+
    2023-06-09
  • 微信小程序工具函数封装的示例分析
    这篇文章主要介绍微信小程序工具函数封装的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体内容如下const formatTime = date...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作