微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。
一、可定义的信息
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); }
2、在页面底部或共用js中,初始化执行:
_WXShare('分享显示的LOGO','LOGO宽度','LOGO高度','分享标题','分享描述','分享链接','微信APPID(一般不用填)');
可通过动态定义【分享链接】,实现每次分享出去的链接不同;