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

  一、可定义的信息

  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);

  }