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

一、可定义的信息

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

上一篇:python操作mysql数据库的常用方法使用详解


下一篇:C# 平时碰见的问题【6】