1.npm i weixin-js-sdk

2.import wx from "weixin-js-sdk";

  3.mounted() {

    const u = navigator.userAgent,

      app = navigator.appVersion;

    this.isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);

    this.getWxConfig();

  },

 4. methods: {

doShare() {

      //需在用户可能点击分享按钮前就先调用

      wx.updateAppMessageShareData({

        title: "合肥师范学院附属实验小学", // 分享标题

        desc: "录取结果查询", // 分享描述

        link: this.$domain + "/commonToolsMobile/notice/query", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

        imgUrl:

          "https://www.0551cx.com/publicFileUpload/publicFiles/commonTools/notice/log.png", // 分享图标

        success: function() {

          // 设置成功

        },

      });

      wx.updateTimelineShareData({

        title: "合肥师范学院附属实验小学", // 分享标题

        desc: "录取结果查询", // 分享描述

        link: "", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

        imgUrl:

          "https://www.0551cx.com/publicFileUpload/publicFiles/commonTools/notice/log.png", // 分享图标

        success: function() {},

      });

    },

    async getWxConfig() {

      let _this = this;

      //签名的URL

      let sign_url = "";

      if (window.__wxjs_is_wkwebview === true) {

        //如果当前设备是IOS

        sign_url = window.location.href.split("#")[0];

      } else {

        //非IOS设备

        sign_url = window.location.href;

      }

      let res = await getSign({

        url: encodeURI(sign_url),

      });

      if (res.code === 200) {

        wx.config({

          debug: false, // 开启调试模式,

          appId: res.details.data.appId, // 必填,企业号的唯一标识,此处填写企业号corpid

          timestamp: res.details.data.timeStamp, // 必填,生成签名的时间戳

          nonceStr: res.details.data.nonceStr, // 必填,生成签名的随机串

          signature: res.details.data.signature, // 必填,签名,见附录1

          jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"], // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

        });

        wx.ready(function() {

          _this.doShare();

          if (_this.isIos) {

            document.querySelector("#audio").play();

            _this.ispause = false;

            _this.audio = true;

          }

        });

      }

    },

}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐