vue使用 weixin-js-sdk
1.npm i weixin-js-sdk2.importwxfrom"weixin-js-sdk";3.mounted(){constu=navigator.userAgent,app=navigator.appVersion;this.isIos=!!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/);this.getWxConfig();},4. methods:...
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;
}
});
}
},
}
更多推荐
所有评论(0)