queenshow/src/controllers/wxController.ts

import axios from "axios";

declare const wx: any;

const ua = navigator.userAgent.toLowerCase();

function isWeixinBrowser() {
  return /micromessenger/.test(ua) ? true : false;
}

function isIos() {
  if (/(iphone|ipad|ipod|ios)/i.test(ua)) {
    return true;
  } else {
    return false;
  }
}

function isAndroid() {
  if (/(android)/i.test(ua)) {
    return true;
  } else {
    return false;
  }
}

export class wxController {
  signSuccess = false;
  requestUrl = ""; //获取signature地址

  configData = {
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: "", // 必填，公众号的唯一标识
    timestamp: 0, // 必填，生成签名的时间戳
    nonceStr: "", // 必填，生成签名的随机串
    signature: "", // 必填，签名
    jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"], // 必填，需要使用的JS接口列表
  };

  //默认分享设置
  shareData = {
    title: "",
    link: location.href,
    imgUrl: "",
    desc: "",
  };

  init(url: string) {
    if (isWeixinBrowser()) {
      this.requestUrl = url;
      const signUrl = window.location.href;
      this.signSuccess = false;
      this.sign(signUrl);
    } else {
      console.error("非微信浏览器");
    }
  }

  sign(url: string) {
    const _this = this;

    if (!url) url = window.location.href;

    //签名接口
    axios(this.requestUrl, {
      method: "get",
      params: { url },
    })
      .then(function (response) {
        const data = response.data.result;
        _this.setConfig(data);
        wx.config(_this.configData);
        wx.ready(function () {
          _this.signSuccess = true;
          _this.setShare();
        });
        wx.error(function (res: any) {
          _this.signSuccess = false;
          console.error("error: ", res);
        });
      })
      .catch(function (error) {
        console.error(error);
      });
  }

  setShareData(shareData: {
    title: string;
    link: string;
    imgUrl: string;
    desc: string;
  }) {
    shareData = Object.assign({}, this.shareData, shareData);
    this.shareData = shareData;
    console.error("shareData **************: ", shareData);
  }

  setConfig(options: any) {
    const { app_id, nonce_str, signature, timestamp } = options;
    this.configData = Object.assign(this.configData, {
      appId: app_id,
      timestamp: timestamp,
      nonceStr: nonce_str,
      signature: signature,
    });
  }

  setShare(options?: {
    link: string;
    title: string;
    desc: string;
    imgUrl: string;
  }) {
    options = Object.assign({}, this.shareData, options);

    if (!this.signSuccess || !options.title) return;

    wx.updateAppMessageShareData({
      title: options.title, // 分享标题
      desc: options.desc, // 分享描述
      link: options.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: options.imgUrl, // 分享图标
      success: function () {
        console.log("设置成功");
      },
      fail: function (msg: any) {
        console.error("设置失败：" + JSON.stringify(msg));
      },
    });

    wx.updateTimelineShareData({
      title: options.title, // 分享标题
      link: options.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: options.imgUrl, // 分享图标
      success: function () {
        console.log("设置成功");
      },
      fail: function (msg: any) {
        console.error("设置失败：" + JSON.stringify(msg));
      },
    });
  }
}