H5卡片分享

常用卡片分享配置（微信、钉钉、QQ等）

常规

<meta property="og:title" content="Title Here" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />

微信分享转发

1. 服务端鉴权接口获取鉴权信息
2. 配置微信分享参数

   # 提前引入sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
   function initWxShare() {
     const appId = '*'
     const pms = {
       title: '标题',
       link: `https://*`,
       desc: '简介',
       imgUrl: 'https://*',
       success: function () {
         alert("分享成功！")
       },
       cancel: function () {
         alert("分享失败！")
       }
     }
     const xhr = new XMLHttpRequest()
     xhr.onload = () => {
       const r = JSON.parse(xhr.responseText)
       if (r.code != 1) return
   
       const { timestamp, nonceStr, signature } = r.result
       
       wx.error(function (r) {
         console.error(r)
       })
   
       wx.config({
         appId,
         timestamp,
         nonceStr,
         signature,
         debug: false,
         jsApiList: [
           'checkJsApi',
           'onMenuShareTimeline',
           'onMenuShareAppMessage',
           'onMenuShareQQ',
           'onMenuShareWeibo',
           'onMenuShareQZone',
           'chooseImage',
           'previewImage',
           'uploadImage',
           'getNetworkType',
   
           "startRecord",
           "stopRecord",
           "onVoiceRecordEnd",
           "playVoice",
           "pauseVoice",
           "stopVoice",
           "onVoicePlayEnd",
           "uploadVoice",
           "downloadVoice"
         ]
       })
   
       wx.ready(() => {
         wx.onMenuShareTimeline(pms)
         wx.onMenuShareQQ(pms)
         wx.onMenuShareWeibo(pms)
         wx.onMenuShareQZone(pms)
         wx.onMenuShareAppMessage({
           ...pms,
           type: '', // 分享类型,music、video或link，不填默认为link
           dataUrl: '' // 如果type是music或video，则要提供数据链接，默认为空
         })
       })
     }
   
     xhr.open('POST', '//鉴权接口地址/getWxMpJsConfig')
     xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8')
     xhr.send(JSON.stringify({
       appId,
       url: location.href.split('#')[0]
     }))
   }

服务端获取鉴权

待补充