vue使用 weixin-js-sdk

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;

          }

        });

      }

    },

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值