微信h5分享

在index.html中导入

<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

创建wxShare.js，内容如下：

export const setShare  = function(){
  //设置分享内容
  let shareInfo = {
    title: '标题',
    desc: '描述',
    imgUrl: '图片地址',
    link: '分享页面路径',
  };
  console.log(shareInfo,'====》shareInfo');
  wx.ready(function(){
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
    wx.updateAppMessageShareData({
        "title": shareInfo.title, // 分享标题
        "desc": shareInfo.desc, // 分享描述
        "link": shareInfo.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        "imgUrl": shareInfo.imgUrl, // 分享图标
        success: function () {
            // 设置成功
            console.log("---->updateAppMessageShareData设置成功");
        }
    });
    wx.updateTimelineShareData({
        "title": shareInfo.title, // 分享标题
        "link": shareInfo.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        "imgUrl": shareInfo.imgUrl, // 分享图标
        success: function () {
            // 设置成功
            console.log("---->updateTimelineShareData设置成功");
        }
    });
    })
}

window.onload = function(){
  //获取当前页面地址
  let url = window.location.href;
  url = url.substring(0, url.indexOf("#"));
  //获取微信公众号SDK权限的签名、随机数、时间戳
//apiGetSignature方法为请求后端接口获取签名
//url直接写死可能会提示无效签名
  apiGetSignature({
    url: url  
  }).then(res => {
    console.log(res,'======>res====config====');
    // 微信SDK配置
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印
        appId: 'appId', // 必填，公众号的唯一标识(在微信公众平台基本设置中查看)
        timestamp: res.timestamp+'', // 必填，生成签名的时间戳
        nonceStr: res.nonceStr+'', // 必填，生成签名的随机串
        signature: res.signature,// 必填，签名
        jsApiList: [
            "updateAppMessageShareData",
            "updateTimelineShareData"
        ] // 必填，需要使用的JS接口列表
    });
    //设置分享内容
    setShare();
  })
}

在main.js中导入
//微信SDK
import './utils/wxShare.js';