js实现通用的微信分享组件示例


Posted in Javascript onMarch 10, 2014

一、可定义的信息

1、分享时显示的LOGO;
2、分享LOGO的宽度;
3、分享LOGO的高度;
4、分享出去显示的标题(默认调用网页标题);
5、分享出去显示的描述(默认调用网页标题);
6、分享链接(默认为当前页面的URL)。
7、分享微信的APPID(一般为空)。

二、使用方法

1、引入微信分享组件js:

/*******************************
 * Author:Mr.Think
 * Description:微信分享通用代码
 * 使用方法:_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');
 *******************************/
function _WXShare(img,width,height,title,desc,url,appid){
    //初始化参数
    img=img||'http://a.zhixun.in/plug/img/ico-share.png';
    width=width||100;
    height=height||100;
    title=title||document.title;
    desc=desc||document.title;
    url=url||document.location.href;
    appid=appid||'';
    //微信内置方法
    function _ShareFriend() {
        WeixinJSBridge.invoke('sendAppMessage',{
              'appid': appid,
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res){
                _report('send_msg', res.err_msg);
          })
    }
    function _ShareTL() {
        WeixinJSBridge.invoke('shareTimeline',{
              'img_url': img,
              'img_width': width,
              'img_height': height,
              'link': url,
              'desc': desc,
              'title': title
              }, function(res) {
              _report('timeline', res.err_msg);
              });
    }
    function _ShareWB() {
        WeixinJSBridge.invoke('shareWeibo',{
              'content': desc,
              'url': url,
              }, function(res) {
              _report('weibo', res.err_msg);
              });
    }
    // 当微信内置浏览器初始化后会触发WeixinJSBridgeReady事件。
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                _ShareFriend();
          });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                _ShareTL();
                });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                _ShareWB();
           });
    }, false);
}
Javascript 相关文章推荐
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
May 24 Javascript
浅谈关于JavaScript的语言特性分析
Apr 11 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 Javascript
js实现右键自定义菜单
Dec 03 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
Vue项目中最新用到的一些实用小技巧
Nov 06 Javascript
微信小程序生成分享海报方法(附带二维码生成)
Mar 29 Javascript
layui prompt 设置允许空白提交的方法
Sep 24 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
jquery基础教程之数组使用详解
Mar 10 #Javascript
查询json的数据结构的8种方式简介
Mar 10 #Javascript
js 3秒后跳转页面的实现代码
Mar 10 #Javascript
php is_numberic函数造成的SQL注入漏洞
Mar 10 #Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 #Javascript
使用js操作css实现js改变背景图片示例
Mar 10 #Javascript
红米手机抢购的js代码
Mar 10 #Javascript
You might like
PHP的FTP学习(一)[转自奥索]
2006/10/09 PHP
php适配器模式介绍
2012/08/14 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
dedecms中使用php语句指南
2014/11/13 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
基于JQuery实现CheckBox全选全不选
2011/06/27 Javascript
分享一个自己动手写的jQuery分页插件
2014/08/28 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
jQuery.parseHTML() 函数详解
2017/01/09 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
webpack打包多页面的方法
2018/11/30 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
深入理解Python中命名空间的查找规则LEGB
2015/08/06 Python
Python自定义线程池实现方法分析
2018/02/07 Python
python使用Tesseract库识别验证
2018/03/21 Python
对python的文件内注释 help注释方法
2018/05/23 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
python把1变成01的步骤总结
2019/02/27 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
python各类经纬度转换的实例代码
2019/08/08 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
Python几种常见算法汇总
2020/06/02 Python
python实现二分查找算法
2020/09/18 Python
django使用channels实现通信的示例
2020/10/19 Python
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
AJAX都有哪些有点和缺点
2012/11/03 面试题
行政总监岗位职责
2013/12/05 职场文书
实习鉴定评语
2014/01/19 职场文书
九年级科学教学反思
2014/01/29 职场文书
高等教育专业自荐信范文
2014/03/26 职场文书
2016学雷锋优秀志愿者事迹材料
2016/02/25 职场文书