您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义,需要的朋友可以参考下

一、可定义的信息   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); }