微信分享h5给好友或朋友圈卡片样式控制

// 首先加载微信jssdk的js文件,可以script直接引用，也可动态创建
// <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
const oScript = document.createElement('script');
      oScript.type = 'text/javascript';
      oScript.src = 'https://res2.wx.qq.com/open/js/jweixin-1.6.0.js';
      oScript.onload = jssdkCallbackFun // script加载完的回调函数
      document.body.appendChild(oScript);

// 加载jssdk.js过后通过后台接口获取相关参数
let {appId,nonceStr,signature,timestamp} = res.result
wx.config({ // eslint-disable-line
                    appId, // 必填，公众号的唯一标识
                    timestamp, // 必填，生成签名的时间戳
                    nonceStr, // 必填，生成签名的随机串
                    signature,// 必填，签名
                    jsApiList: ['updateTimelineShareData','updateAppMessageShareData','onMenuShareAppMessage','onMenuShareTimeline'], // 必填，把废弃的种类也放上，不放会出现无效的bug
                });

// wx.config 回调函数
wx.ready(function () {
   //分享朋友圈
   wx.updateTimelineShareData({
       title: '分享标题',
       desc: '分享描述',
       link: window.location.origin+window.location.pathname+'?share=true',	// 分享url
       imgUrl: '分享图标',
       success: function () {
           console.log('share success')
       },
       fail: function (e) {
           console.log('share fail',e)
       }
       });

       //分享好友
   wx.updateAppMessageShareData({
       title: '分享标题',
       desc: '分享描述',
       link: window.location.origin+window.location.pathname+'?share=true',
       imgUrl: '分享图标',
       success: function () {
           console.log('share success')
       },
       fail: function (e) {
           console.log('share fail',e)
       }
   });
});