微信js-sdk,分享接口常用逻辑分装

2024-05-30 22:48

本文主要是介绍微信js-sdk,分享接口常用逻辑分装,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

微信js-sdk 1.0,分享说明:

1.目前支持的分享接口5个,其中分享腾讯微博基本可以忽略

2.接口只是定义分享时的数据,没有提供触发分享功能

一、在ready事件使用使用示例

//分享对象使用
var shareData={title:'分享标题',desc:'分享描述',link:'http://www.gongjuji.net',imgUrl:'http://www.gongjuji.net/favicon.ico',success:function(){appendText('分享成功');},//用户取消cancel:function(){appendText('分享取消');}
}
var share=new wxShare(shareData);
share.bind();

二、封装类定义:

//微信分享事件监听,常用功能封装
(function(){
var wxShare=function(opts){var defaults={title:'分享标题',//分享标题,不能为空desc:'',//分享描述,可以为空,(分享到朋友圈,不支持描述)link:'',//分享页面地址,不能为空imgUrl:'',//分享是封面图片,不能为空success:function(){},//分享成功触发cancel:function(){} //分享取消触发,需要时可以调用}this.opts=$.extend({},defaults,opts);
}
wxShare.prototype={//绑定微信朋友圈,发送朋友bindWX:function(){var _opts=this.opts;//监听,分享到朋友圈wx.onMenuShareTimeline({title:_opts.title,link:_opts.link,imgUrl:_opts.imgUrl,success:function(){if(_opts.success)_opts.success();},calcel:function(){if(_opts.cancel)_opts.cancel();}});//监听,分享给朋友 (type,dataurl基本可以放弃不使用)wx.onMenuShareAppMessage({title: _opts.title, // 分享标题desc: _opts.desc, // 分享描述link: _opts.link, // 分享链接imgUrl: _opts.imgUrl, // 分享图标success: function () {if(_opts.success)_opts.success();},cancel: function () {if(_opts.cancel)_opts.cancel();}});},//绑定QQ空间,QQ好友bindQQ:function(){var _opts=this.opts;//监听,分享到QQ空间wx.onMenuShareQZone({title: _opts.title, // 分享标题desc: _opts.desc, // 分享描述link: _opts.link, // 分享链接imgUrl: _opts.imgUrl, // 分享图标success: function () {if(_opts.success)_opts.success();},cancel: function () {if(_opts.cancel)_opts.cancel();}});//监听,分享到QQwx.onMenuShareQQ({title: _opts.title, // 分享标题desc: _opts.desc, // 分享描述link: _opts.link, // 分享链接imgUrl: _opts.imgUrl, // 分享图标success: function () {if(_opts.success)_opts.success();},cancel: function () {if(_opts.cancel)_opts.cancel();}});},//绑定默认,不使用腾讯微博bind:function(){this.bindWX();this.bindQQ();},//绑定所有,包括腾讯微博bindAll:function(){this.bind();var _opts=this.opts;//监听,分享到腾讯微博 (基本可以放弃不使用)wx.onMenuShareWeibo({title: _opts.title, // 分享标题desc:_opts.desc, // 分享描述link: _opts.link, // 分享链接imgUrl:_opts.imgUrl, // 分享图标success: function () {if(_opts.success)_opts.success();},cancel: function () {if(_opts.cancel)_opts.cancel();}});}
}
window.wxShare=wxShare;
})();




这篇关于微信js-sdk,分享接口常用逻辑分装的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1017018

相关文章

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法

《JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法》:本文主要介绍JavaScript中比较两个数组是否有相同元素(交集)的三种常用方法,每种方法结合实例代码给大家介绍的非常... 目录引言:为什么"相等"判断如此重要?方法1:使用some()+includes()(适合小数组)方法2

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

Python内存优化的实战技巧分享

《Python内存优化的实战技巧分享》Python作为一门解释型语言,虽然在开发效率上有着显著优势,但在执行效率方面往往被诟病,然而,通过合理的内存优化策略,我们可以让Python程序的运行速度提升3... 目录前言python内存管理机制引用计数机制垃圾回收机制内存泄漏的常见原因1. 循环引用2. 全局变

mybatisplus的逻辑删除过程

《mybatisplus的逻辑删除过程》:本文主要介绍mybatisplus的逻辑删除过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录myBATisplus的逻辑删除1、在配置文件中添加逻辑删除的字段2、在实体类上加上@TableLogic3、业务层正常删除即

Java Stream流以及常用方法操作实例

《JavaStream流以及常用方法操作实例》Stream是对Java中集合的一种增强方式,使用它可以将集合的处理过程变得更加简洁、高效和易读,:本文主要介绍JavaStream流以及常用方法... 目录一、Stream流是什么?二、stream的操作2.1、stream流创建2.2、stream的使用2.

Linux从文件中提取特定内容的实用技巧分享

《Linux从文件中提取特定内容的实用技巧分享》在日常数据处理和配置文件管理中,我们经常需要从大型文件中提取特定内容,本文介绍的提取特定行技术正是这些高级操作的基础,以提取含有1的简单需求为例,我们可... 目录引言1、方法一:使用 grep 命令1.1 grep 命令基础1.2 命令详解1.3 高级用法2

基于Redisson实现分布式系统下的接口限流

《基于Redisson实现分布式系统下的接口限流》在高并发场景下,接口限流是保障系统稳定性的重要手段,本文将介绍利用Redisson结合Redis实现分布式环境下的接口限流,具有一定的参考价值,感兴趣... 目录分布式限流的核心挑战基于 Redisson 的分布式限流设计思路实现步骤引入依赖定义限流注解实现

SpringBoot实现RSA+AES自动接口解密的实战指南

《SpringBoot实现RSA+AES自动接口解密的实战指南》在当今数据泄露频发的网络环境中,接口安全已成为开发者不可忽视的核心议题,RSA+AES混合加密方案因其安全性高、性能优越而被广泛采用,本... 目录一、项目依赖与环境准备1.1 Maven依赖配置1.2 密钥生成与配置二、加密工具类实现2.1