微信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实现字符串大小写转换的常用方法

《Java实现字符串大小写转换的常用方法》在Java中,字符串大小写转换是文本处理的核心操作之一,Java提供了多种灵活的方式来实现大小写转换,适用于不同场景和需求,本文将全面解析大小写转换的各种方法... 目录前言核心转换方法1.String类的基础方法2. 考虑区域设置的转换3. 字符级别的转换高级转换

Python使用Matplotlib和Seaborn绘制常用图表的技巧

《Python使用Matplotlib和Seaborn绘制常用图表的技巧》Python作为数据科学领域的明星语言,拥有强大且丰富的可视化库,其中最著名的莫过于Matplotlib和Seaborn,本篇... 目录1. 引言:数据可视化的力量2. 前置知识与环境准备2.1. 必备知识2.2. 安装所需库2.3

MyBatis-Plus逻辑删除实现过程

《MyBatis-Plus逻辑删除实现过程》本文介绍了MyBatis-Plus如何实现逻辑删除功能,包括自动填充字段、配置与实现步骤、常见应用场景,并展示了如何使用remove方法进行逻辑删除,逻辑删... 目录1. 逻辑删除的必要性编程1.1 逻辑删除的定义1.2 逻辑删php除的优点1.3 适用场景2.

MyBatis配置文件中最常用的设置

《MyBatis配置文件中最常用的设置》文章主要介绍了MyBatis配置的优化方法,包括引用外部的properties配置文件、配置外置以实现环境解耦、配置文件中最常用的6个核心设置以及三种常用的Ma... 目录MyBATis配置优化mybatis的配置中引用外部的propertis配置文件⚠️ 注意事项X

一文详解Java常用包有哪些

《一文详解Java常用包有哪些》包是Java语言提供的一种确保类名唯一性的机制,是类的一种组织和管理方式、是一组功能相似或相关的类或接口的集合,:本文主要介绍Java常用包有哪些的相关资料,需要的... 目录Java.langjava.utiljava.netjava.iojava.testjava.sql

requests处理token鉴权接口和jsonpath使用方式

《requests处理token鉴权接口和jsonpath使用方式》文章介绍了如何使用requests库进行token鉴权接口的处理,包括登录提取token并保存,还详述了如何使用jsonpath表达... 目录requests处理token鉴权接口和jsonpath使用json数据提取工具总结reques

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A

Springmvc常用的注解代码示例

《Springmvc常用的注解代码示例》本文介绍了SpringMVC中常用的控制器和请求映射注解,包括@Controller、@RequestMapping等,以及请求参数绑定注解,如@Request... 目录一、控制器与请求映射注解二、请求参数绑定注解三、其他常用注解(扩展)四、注解使用注意事项一、控制

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

python调用dubbo接口的实现步骤

《python调用dubbo接口的实现步骤》本文主要介绍了python调用dubbo接口的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编... 目录 ​​其他实现方式与注意事项​​ ​​高级技巧与集成​​用 python 提供 Dubbo 接口