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

相关文章

MyBatis常用XML语法详解

《MyBatis常用XML语法详解》文章介绍了MyBatis常用XML语法,包括结果映射、查询语句、插入语句、更新语句、删除语句、动态SQL标签以及ehcache.xml文件的使用,感兴趣的朋友跟随小... 目录1、定义结果映射2、查询语句3、插入语句4、更新语句5、删除语句6、动态 SQL 标签7、ehc

MySQL中C接口的实现

《MySQL中C接口的实现》本节内容介绍使用C/C++访问数据库,包括对数据库的增删查改操作,主要是学习一些接口的调用,具有一定的参考价值,感兴趣的可以了解一下... 目录准备mysql库使用mysql库编译文件官方API文档对象的创建和关闭链接数据库下达sql指令select语句前言:本节内容介绍使用C/

Python打包成exe常用的四种方法小结

《Python打包成exe常用的四种方法小结》本文主要介绍了Python打包成exe常用的四种方法,包括PyInstaller、cx_Freeze、Py2exe、Nuitka,文中通过示例代码介绍的非... 目录一.PyInstaller11.安装:2. PyInstaller常用参数下面是pyinstal

Python 常用数据类型详解之字符串、列表、字典操作方法

《Python常用数据类型详解之字符串、列表、字典操作方法》在Python中,字符串、列表和字典是最常用的数据类型,它们在数据处理、程序设计和算法实现中扮演着重要角色,接下来通过本文给大家介绍这三种... 目录一、字符串(String)(一)创建字符串(二)字符串操作1. 字符串连接2. 字符串重复3. 字

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

python语言中的常用容器(集合)示例详解

《python语言中的常用容器(集合)示例详解》Python集合是一种无序且不重复的数据容器,它可以存储任意类型的对象,包括数字、字符串、元组等,下面:本文主要介绍python语言中常用容器(集合... 目录1.核心内置容器1. 列表2. 元组3. 集合4. 冻结集合5. 字典2.collections模块

基于Go语言开发一个 IP 归属地查询接口工具

《基于Go语言开发一个IP归属地查询接口工具》在日常开发中,IP地址归属地查询是一个常见需求,本文将带大家使用Go语言快速开发一个IP归属地查询接口服务,有需要的小伙伴可以了解下... 目录功能目标技术栈项目结构核心代码(main.go)使用方法扩展功能总结在日常开发中,IP 地址归属地查询是一个常见需求:

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

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