js共通のWeChat共有コンポーネントの例を実現する。
一、定義可能な情報1、共有時に表示されるLOGO。2、LOGOの幅を分かち合う;3、LOGOの高さを分かち合う;4、表示されたタイトルを共有する(デフォルトの呼び出しページのタイトル)。5、表示の説明を共有する(デフォルトの呼び出しページのタイトル)。6、リンクを共有する(デフォルトは現在のページのURL)。7、WeChatを共有するAPPID(一般的には空)。
二、使用方法1、WeChat共有コンポーネントjsを導入する:
二、使用方法1、WeChat共有コンポーネント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);
}