企业微信开发h5应用，实现网页授权，和基本分享

1、应用框架为Vue、history模式

2、注意：

2-1、微信jssdk应用：通过命令配置依赖包"weixin-js-sdk": "^1.2.0"会报错_wx.onMenuShareWechat is not a function，解决方法：去掉命令安装的jssdk的包，在index.html中引入CDN链接
index.html

  <!-- 引入微信js-sdk -->
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2-2、企业微信中调用wx.config方法 appId传的参数值是企业微信的corpID

wx.config({
  beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
  debug: wxOpt.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: localStorage.getItem('corpId'), // 必填，企业微信的corpID
  timestamp: sign.timestamp, // 必填，生成签名的时间戳
  nonceStr: sign.nonceStr, // 必填，生成签名的随机串
  signature: sign.signature,// 必填，签名，见 附录-JS-SDK使用权限签名算法
  jsApiList: wxOpt.jsApis // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});

2-3、获取签名需要的页面url不需要做另外处理（安卓和ios都是去当前页url，微信公众号ios必须取落地页的url）

export function getWxSign(cb) {
  if (localStorage.getItem('appid')) {
    // 根据微信要求获取签名的算法要在服务器端实现。由后端给出接口,前端传递 随机字符串、分享链接、时间戳、公众号code名称
    // 公众号的code是为了寻找到当前的公众号的token从而获取签名
    // 后端会处理token，因为token是2小时就过期，谨记如果过期就再请求一次刷新token
    if (localStorage.getItem('userAgent') === 'corpWechat') {
      // 企业微信
      // 企业微信逻辑 安卓和ios上获取签名的地址一致
      let signLink = document.location.href.split('#')[0]
      signLink = encodeURIComponent(signLink).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+')
      get(`/api/wechat/cp/portal/${localStorage.getItem('agentId')}/jsSign?url=${signLink}`, {}, {}, handleJsSignErr).then(rsp => {
        let sign = rsp.data;
        // if (cb && typeof cb === "function") {
        console.log('signature: ', sign)
        wx.config({
          beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题
          debug: wxOpt.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: localStorage.getItem('corpId'), // 必填，企业微信的corpID
          timestamp: sign.timestamp, // 必填，生成签名的时间戳
          nonceStr: sign.nonceStr, // 必填，生成签名的随机串
          signature: sign.signature,// 必填，签名，见 附录-JS-SDK使用权限签名算法
          jsApiList: wxOpt.jsApis // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
        });
        wx.ready(() => {
          setTimeout(() => {
            if (cb && typeof cb === "function") {
              console.log("ready");
              cb(wx);
            }
          });
        }, 500);
        wx.error(function(res) {
          console.log('config err: ', res);
        });
      });
    } else {
      // 微信
      var u = navigator.userAgent;
      var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
      let signLink
      if (isiOS) {
        signLink = window.entryUrl
      } else {
        signLink = document.location.href.split('#')[0]
      }
      signLink = encodeURIComponent(signLink).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+')
      get(`/wechat/server/response/get_js_sign?url=${signLink}`, { appid: localStorage.getItem('appid') }, {}, handleJsSignErr).then(rsp => {
        let sign = rsp.data;
        // if (cb && typeof cb === "function") {
        console.log('signature2: ', sign)
        wx.config({
          debug: wxOpt.debug, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: localStorage.getItem('appid'), // 必填，公众号的唯一标识
          timestamp: sign.timestamp, // 必填，生成签名的时间戳
          nonceStr: sign.nonceStr, // 必填，生成签名的随机串
          signature: sign.signature, // 必填，签名，见附录1
          jsApiList: wxOpt.jsApis2, // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
          jsApiList: [
            'onMenuShareAppMessage',
            'onMenuShareTimeline',
            'showOptionMenu',
            "showMenuItems",
            "showAllNonBaseMenuItem",
            "hideAllNonBaseMenuItem"
        ]
        });
        wx.ready(() => {
          setTimeout(() => {
            if (cb && typeof cb === "function") {
              console.log("ready");
              cb(wx);
            }
          });
        }, 500);
        wx.error(function(res) {
          console.log('config err: ', res);
        });
      });
    }
  }
}