微信二次分享

1 2	`引入sdk` `<script src="https://xxxx/xxx/jweixin-1.6.0.js"></script>`

var ctx = window;
 var param = {};
 ctx.__mm_getWeixinSign = function(resp){
   if (resp.ec != 200 && param.debug){
       alert('get weixin sign failed: ' + resp.em);
       return;
   }
   var sign = resp.data.sign;
   // debug,jsApiList,callback
   wx.config({
       debug: param.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
       appId: sign.appid, // 必填，公众号的唯一标识
       timestamp: sign.timestamp , // 必填，生成签名的时间戳
       nonceStr: sign.noncestr, // 必填，生成签名的随机串
       signature: sign.signature,// 必填，签名，见附录1
       jsApiList: param.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
   });
   var _shareObj = param.share;
   if (!_shareObj) return;
   wx.ready(function() {
     var com_share = {
         title: _shareObj.title, // 分享标题
         desc: _shareObj.text,   // 分享描述
         link: _shareObj.url,    // 分享链接
         imgUrl: _shareObj.pic,  // 分享图标
         success: _shareObj.callback,
         cancel: function () {
             // 用户取消分享后执行的回调函数
         }
     };
 
     var mmComWx={
         weixin:'onMenuShareTimeline',// 分享到朋友圈
         weixin_friend:'onMenuShareAppMessage',// 分享给微信朋友
         qq:'onMenuShareQQ',// 分享到QQ
         qzone:'onMenuShareQZone'// 分享到QQ空间
     };
 
     for (var k in mmComWx) {
         if (_shareObj.configs && _shareObj.configs[k]) {
             var share_config = _shareObj.configs[k];
             var tit = (k == 'weixin') ? share_config.text : share_config.title;
             wx[mmComWx[k]]({
                 title: tit, // 分享标题
                 desc: share_config.text,   // 分享描述
                 link: share_config.url,    // 分享链接
                 imgUrl: share_config.pic,  // 分享图标
                 success: share_config.callback,
                 cancel: function () {
                     // 用户取消分享后执行的回调函数
                 }
             });
         }else{
             wx[mmComWx[k]](com_share);
         }
     }
     param.callback && param.callback();
   });
 };
 
 var index = {
   setConfig: function(_param, _callback) {
     var ua = navigator.userAgent.toLowerCase();
     if (ua.match(/MicroMessenger/i) != "micromessenger") {
         return;
     }
     var url = "https://xxx/api/weixin/share?callback=__mm_getWeixinSign&url="+ encodeURIComponent(location.href);
 
     // 创建script标签，设置其属性
     var script = document.createElement('script');
     script.setAttribute('src', url);
     param = _param;
     if (_callback) {
         param.callback = _callback;
     }
     // 把script标签加入head，此时调用开始
     document.getElementsByTagName('head')[0].appendChild(script);
   }
};
 
export const wxShare = () => {
    return index;
}

//微信二次分享
import {wxShare} from '../components/wxshare/index'
export const initWXShare = () => {
    const title = '',
          text = '',
          pic = '',
          url = location.href;
    const share = wxShare();
    share.setConfig({
      debug: false, // 在生产环境设置为false，在开发环境可以检测是否调用成功
      jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','updateAppMessageShareData','updateTimelineShareData'],
      share: {
        title: title,//分享标题
        text: text,//分享副标题
        pic: pic,//分享Card中的缩略图
        url: url,//分享链接
        configs: {
            'weixin': {
                title, text, url: `${url}&src=weixin`, pic, share_type: 'web'
            },
            'weixin_friend': { 
                title, text, url: `${url}&src=friend`, pic, share_type: "web"   //类型，可选值为web | image，默认不传为web分享。
            },
            'qzone': { 
                title, text, url: `${url}&src=qzone`, pic, share_type: "web"  // 分享的类型，可选值为web | image，默认不传为web分享。
            },
            'qq': { 
                title, text, url: `${url}&src=qq`, pic, share_type: "web"   // 型，可选值为web | image，默认不传为web分享。
            },
            'sina': { 
                title, text, url: `${url}&src=sina`, pic, share_type: "web"   // 型，可选值为web | image，默认不传为web分享。
            }
        }
      }
    })
}