zoukankan      html  css  js  c++  java
  • 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);
    }

  • 相关阅读:
    hdu-3001 三进制状态压缩+dp
    最长公共子序列(LCS)
    矩阵最优路线DP
    CF-721C DAG图拓扑排序+费用DP
    拓扑排序
    BFS+二进制状态压缩 hdu-1429
    DAG最长路问题 hdu-1224
    并查集-解决区间和纠错问题 hdu-3038
    hdu 4972 根据每轮篮球赛分差求结果
    hdu 1116 欧拉回路+并查集
  • 原文地址:https://www.cnblogs.com/phpxuetang/p/5125369.html
Copyright © 2011-2022 走看看