微信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

相关文章

Java function函数式接口的使用方法与实例

《Javafunction函数式接口的使用方法与实例》:本文主要介绍Javafunction函数式接口的使用方法与实例,函数式接口如一支未完成的诗篇,用Lambda表达式作韵脚,将代码的机械美感... 目录引言-当代码遇见诗性一、函数式接口的生物学解构1.1 函数式接口的基因密码1.2 六大核心接口的形态学

一文详解Python中数据清洗与处理的常用方法

《一文详解Python中数据清洗与处理的常用方法》在数据处理与分析过程中,缺失值、重复值、异常值等问题是常见的挑战,本文总结了多种数据清洗与处理方法,文中的示例代码简洁易懂,有需要的小伙伴可以参考下... 目录缺失值处理重复值处理异常值处理数据类型转换文本清洗数据分组统计数据分箱数据标准化在数据处理与分析过

Java中Object类的常用方法小结

《Java中Object类的常用方法小结》JavaObject类是所有类的父类,位于java.lang包中,本文为大家整理了一些Object类的常用方法,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. public boolean equals(Object obj)2. public int ha

Redis多种内存淘汰策略及配置技巧分享

《Redis多种内存淘汰策略及配置技巧分享》本文介绍了Redis内存满时的淘汰机制,包括内存淘汰机制的概念,Redis提供的8种淘汰策略(如noeviction、volatile-lru等)及其适用场... 目录前言一、什么是 Redis 的内存淘汰机制?二、Redis 内存淘汰策略1. pythonnoe

详解Java如何向http/https接口发出请求

《详解Java如何向http/https接口发出请求》这篇文章主要为大家详细介绍了Java如何实现向http/https接口发出请求,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用Java发送web请求所用到的包都在java.net下,在具体使用时可以用如下代码,你可以把它封装成一

Golang操作DuckDB实战案例分享

《Golang操作DuckDB实战案例分享》DuckDB是一个嵌入式SQL数据库引擎,它与众所周知的SQLite非常相似,但它是为olap风格的工作负载设计的,DuckDB支持各种数据类型和SQL特性... 目录DuckDB的主要优点环境准备初始化表和数据查询单行或多行错误处理和事务完整代码最后总结Duck

Java 字符数组转字符串的常用方法

《Java字符数组转字符串的常用方法》文章总结了在Java中将字符数组转换为字符串的几种常用方法,包括使用String构造函数、String.valueOf()方法、StringBuilder以及A... 目录1. 使用String构造函数1.1 基本转换方法1.2 注意事项2. 使用String.valu

Java后端接口中提取请求头中的Cookie和Token的方法

《Java后端接口中提取请求头中的Cookie和Token的方法》在现代Web开发中,HTTP请求头(Header)是客户端与服务器之间传递信息的重要方式之一,本文将详细介绍如何在Java后端(以Sp... 目录引言1. 背景1.1 什么是 HTTP 请求头?1.2 为什么需要提取请求头?2. 使用 Spr

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜:从开发到生产的心理准备与检查清单环境搭建:打造稳固的应用运行平台自动化流水线:让部署像

VUE动态绑定class类的三种常用方式及适用场景详解

《VUE动态绑定class类的三种常用方式及适用场景详解》文章介绍了在实际开发中动态绑定class的三种常见情况及其解决方案,包括根据不同的返回值渲染不同的class样式、给模块添加基础样式以及根据设... 目录前言1.动态选择class样式(对象添加:情景一)2.动态添加一个class样式(字符串添加:情