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 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
php+js实现倒计时功能
Jun 02 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
Jun 08 Javascript
js 颜色选择插件
Jan 23 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
vue初尝试--项目结构(推荐)
Jan 30 Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
Vue实现底部侧边工具栏的实例代码
Sep 03 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读取RSS feed的代码
2008/08/01 PHP
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
用php实现百度网盘图片直链的代码分享
2012/11/01 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
PHP编写daemon process详解及实例代码
2016/09/30 PHP
javascript 写类方式之十
2009/07/05 Javascript
Jquery+JSon 无刷新分页实现代码
2010/04/01 Javascript
JavaScript 原型继承之构造函数继承
2011/08/26 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
微信和qq时间格式模板实例详解
2016/10/21 Javascript
js 获取本地文件及目录的方法(推荐)
2016/11/10 Javascript
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
判断横屏竖屏(三种)
2017/02/13 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
JavaScript实现简单评论功能
2017/08/17 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
使用python搭建Django应用程序步骤及版本冲突问题解决
2013/11/19 Python
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Android应用开发中Action bar编写的入门教程
2016/02/26 Python
Python打包可执行文件的方法详解
2016/09/19 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
Python面向对象程序设计构造函数和析构函数用法分析
2019/04/12 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
python3模拟实现xshell远程执行liunx命令的方法
2019/07/12 Python
Django models filter筛选条件详解
2020/03/16 Python
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
孝敬父母的演讲稿
2014/05/14 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
在 Python 中利用 Pool 进行多线程
2022/04/24 Python