微信h5配置JSSDK使用微信扫码、调用微信相册、分享
1、配置jssdk 后调用
vue项目中每个路由页面需要调用一次配置
url需带?后查询参数,但不带 #hash
官方文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
function wxConfigApi() {
let url = window.location.protocol + "//" + window.location.host + '/'; //获取锚点之前的链接
if (window.location.search) {
url = window.location.href.split('#')[0];
}
getSignature(url).then(res => {//通过后台接口返回 签名
jWeixin.config({
debug: false, // 开启调试模式
appId: "wxa197appid", // 必填,公众号的唯一标识
timestamp: res.timestamp, // 必填,生成签名的时间戳
nonceStr: res.noncestr, // 必填,生成签名的随机串
signature: res.signature, // 必填,签名
jsApiList: ["scanQRCode","chooseImage","updateAppMessageShareData"] // 必填,需要使用的JS接口列表
});
}).catch(err => {
console.log(err)
})
}