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 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
Js控制弹窗实现在任意分辨率下居中显示
Aug 01 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
JS 验证码功能的三种实现方式
Nov 26 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
IE11下CKEditor在Bootstrap Modal中下拉问题的解决
Sep 25 Javascript
小程序input数据双向绑定实现方法
Oct 17 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
uniapp 微信小程序 自定义tabBar 导航
Apr 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
php escape URL编码
2008/12/10 PHP
php 从数据库提取二进制图片的处理代码
2009/09/09 PHP
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
php重定向的三种方法分享
2012/02/22 PHP
php如何解决无法上传大于8M的文件问题
2014/03/10 PHP
php中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
php 解决扫描二维码下载跳转问题
2017/01/13 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
js分页代码分享
2014/04/28 Javascript
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
老生常谈JavaScript数组的用法
2016/06/10 Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
2016/08/11 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
2018/12/03 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
Vuex中的Mutations的具体使用方法
2020/06/01 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
Python使用django搭建web开发环境
2017/06/09 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
使用django-guardian实现django-admin的行级权限控制的方法
2018/10/30 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Python class的继承方法代码实例
2020/02/14 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
HTML5中drawImage用法分析
2014/12/01 HTML / CSS
数控专业应届生求职信
2013/11/27 职场文书
电厂厂长岗位职责
2014/01/02 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
励志演讲稿200字
2014/08/21 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript