<script typet="text/javascript" src="/UploadFiles/2021-04-02/jweixin-1.4.0.js">

引入后在代码中调用分享SDK


  window.wx.config({
    appId: res.data.appId, //res.data为请求签名接口返回数据
    timestamp: res.data.timestamp,
    nonceStr: res.data.nonceStr,
    signature: res.data.signature,
    jsApiList: [
      'checkJsApi',
      'updateAppMessageShareData',
      'updateTimelineShareData'
    ]
  });
  const shareConfig = {
    'imgUrl': '你想展现的图标',
    'desc': '你想展现的描述',
    'title': '你想展现的title',
    'link': window.location.href,
    'success': function () {
      console.log('成功了！');
    },
    'cancel': function () {
      console.log('取消');
    }
  };
  window.wx.ready(function () {
    window.wx.updateAppMessageShareData(shareConfig);
    window.wx.updateTimelineShareData(shareConfig);
  });


OK！大功告成，现在就可以按你的想法分享内容了，但是如何在本地测试是否成功呢？我们刚才也说了只能在安全域名下才能调用成功，所以Charles就派上大用场了。。。把安全域名代理到本地，然后可以在微信开发者工具上面自测一下，没问题了上真机，iOS和安装都要试一下，会有惊喜。
三、坑及总结
在自测了没问题之后上线了。。。结果发现iOS的手机获取签名失败，报invalid signature,后来排查发现在iOS的微信里面如果从其他页面跳转到你要分享的页面window.location.href是不会变的。。。也就是说你发请求去获取签名时候传给后端的URL和你当前的URL是不一致的，所以导致签名获取失败。这个解决办法很多，可以把前一个页面的URL拿去获取签名，只要保持一致就是OK的。


好了 先写这么多。。。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。