這篇文章主要介紹了微信分享通用組件,用於微信浏覽器內浏覽網頁的分享信息定義,需要的朋友可以參考下
一、可定義的信息 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); }