展会信息港展会大全

js实现通用的微信分享组件示例
来源:互联网   发布日期:2016-01-27 15:17:15   浏览:1006次  

导读:这篇文章主要介绍了微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义,需要的朋友可以参考下一、可定义的信息1、分享时显示的LOGO;2、分享LOGO的宽度;3、分享LOGO的高度;4、分享出去显示的标题(默认 ...

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

一、可定义的信息

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

}

赞助本站

人工智能实验室

相关热词: 微信 js

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港