微信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) }) }