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 jsonp 使用示例代码
Aug 12 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
javaScript 页面自动加载事件详解
Feb 10 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
JavaScript实现快速排序的方法
Jul 31 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
May 10 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
Vue2.0实现组件数据的双向绑定问题
Mar 06 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 Javascript
使用Typescript开发微信小程序的步骤详解
Jan 12 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
win2003服务器使用WPS的COM组件的一些问题解决方法
2012/01/11 PHP
PHP扩展模块memcached长连接使用方法分析
2014/12/24 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
实现PHP框架系列文章(6)mysql数据库方法
2016/03/04 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
extjs 学习笔记(三) 最基本的grid
2009/10/15 Javascript
jQuery的学习步骤
2011/02/23 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
微信小程序商城项目之商品属性分类(4)
2017/04/17 Javascript
PHP7新特性简述
2017/06/11 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
2020/04/25 Javascript
Python实现字典的key和values的交换
2015/08/04 Python
Python遍历numpy数组的实例
2018/04/04 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
python元组的概念知识点
2019/11/19 Python
python3 使用traceback定位异常实例
2020/03/09 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
Python预测2020高考分数和录取情况
2020/07/08 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
通过CSS3的object-fit来调整图片适配尺寸的技巧简介
2016/02/27 HTML / CSS
法国滑雪假期的专家:Ski Planet
2019/11/02 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
毕业生找工作的自我评价
2013/10/18 职场文书
简历中求职的个人自我评价
2013/12/03 职场文书
创业计划书怎样才能打动风投
2014/01/01 职场文书
《狼》教学反思
2014/03/02 职场文书
优秀广告词大全
2014/03/19 职场文书
财务管理专业求职信
2014/06/11 职场文书
判缓刑人员个人思想汇报
2014/10/10 职场文书