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 相关文章推荐
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
jquery 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
Oct 17 Javascript
关于延迟加载JavaScript
May 05 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
May 19 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
JS数组求和的常用方法总结【5种方法】
Jan 14 Javascript
基于vue实现一个神奇的动态按钮效果
May 15 Javascript
electron实现静默打印的示例代码
Aug 12 Javascript
vue-router为激活的路由设置样式操作
Jul 18 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
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
nginx+php-fpm配置文件的组织结构介绍
2012/11/07 PHP
本地机apache配置基于域名的虚拟主机详解
2013/08/10 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
php获取今日开始时间和结束时间的方法
2017/02/27 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
2016/01/08 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
js取小数点后两位四种方法
2019/01/18 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
Python中类的继承代码实例
2014/10/28 Python
python实现的简单文本类游戏实例
2015/04/28 Python
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
python读写LMDB文件的方法
2018/07/02 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
python实现数据分析与建模
2019/07/11 Python
Python魔法方法 容器部方法详解
2020/01/02 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
Python通过format函数格式化显示值
2020/10/17 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
优秀经理事迹材料
2014/02/01 职场文书
个人自我剖析材料
2014/02/07 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
营销总经理岗位职责范本
2014/09/02 职场文书
个人遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
员工辞职信范文大全
2015/05/12 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python