js共通のWeChat共有コンポーネントの例を実現する。

2846 ワード

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