111 lines
4.4 KiB
JavaScript
111 lines
4.4 KiB
JavaScript
// 获取微信公众号SDK权限
|
||
//接口请求方法
|
||
import $http from '@/config/requestConfig';
|
||
import base from '@/config/baseUrl';
|
||
import { publicShare } from '@/config/utils';
|
||
//获取地理位置
|
||
export const getLocation = () => {
|
||
return new Promise((resolve, reject) => {
|
||
//配置校验成功后执行
|
||
jWeixin.ready(function () {
|
||
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
|
||
jWeixin.getLocation({
|
||
type: 'gcj02', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
|
||
success: function (res) {
|
||
console.log(res);
|
||
resolve(res);
|
||
},
|
||
fail: (err) => {
|
||
reject(err);
|
||
}
|
||
});
|
||
});
|
||
});
|
||
}
|
||
//设置分享信息
|
||
export const setShare = (data, callback) => {
|
||
//配置校验成功后执行
|
||
jWeixin.ready(function () {
|
||
if (!data.link) {
|
||
let url = window.location.href;
|
||
let index = url.indexOf("?");
|
||
if (index != -1) {
|
||
if (url.indexOf("#") != -1 && url.indexOf("#") > index) {
|
||
url = url.substring(0, index) + url.substring(url.indexOf("#"));
|
||
} else {
|
||
url = url.substr(0, index);
|
||
}
|
||
}
|
||
data.link = url;
|
||
}
|
||
// config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
|
||
jWeixin.updateAppMessageShareData({
|
||
title: data.title, // 分享标题
|
||
desc: data.desc, // 分享描述
|
||
link: data.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
||
imgUrl: data.imgUrl, // 分享图标
|
||
success: function () {
|
||
// 设置成功
|
||
callback && callback();
|
||
}
|
||
});
|
||
jWeixin.updateTimelineShareData({
|
||
title: data.title, // 分享标题
|
||
link: data.link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
||
imgUrl: data.imgUrl, // 分享图标
|
||
success: function () {
|
||
// 设置成功
|
||
callback && callback();
|
||
}
|
||
});
|
||
});
|
||
}
|
||
//微信扫一扫
|
||
export const scanQRCode = ( callback,needResult = 0) => {
|
||
//配置校验成功后执行
|
||
jWeixin.ready(function () {
|
||
jWeixin.scanQRCode({
|
||
needResult: needResult, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
|
||
scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
|
||
success: function (res) {
|
||
callback && callback(res);
|
||
}
|
||
});
|
||
});
|
||
}
|
||
window.onload = function () {
|
||
// 配置文件里面没有publicAppId将不激活微信SDK功能
|
||
if (!base.publicAppId) {
|
||
return;
|
||
}
|
||
//获取当前页面地址
|
||
let url = window.location.href;
|
||
url = url.substring(0, url.indexOf("#"));
|
||
//获取微信公众号SDK权限的签名、随机数、时间戳
|
||
$http.post("api/open/signature", {
|
||
url: url
|
||
}).then(res => {
|
||
// 微信SDK配置
|
||
jWeixin.config({
|
||
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||
appId: base.publicAppId, // 必填，公众号的唯一标识
|
||
timestamp: res.timestamp, // 必填，生成签名的时间戳
|
||
nonceStr: res.noncestr, // 必填，生成签名的随机串
|
||
signature: res.signature,// 必填，签名
|
||
jsApiList: [
|
||
"getLocation",
|
||
"updateAppMessageShareData",
|
||
"updateTimelineShareData",
|
||
'onMenuShareAppMessage', //旧的接口，即将废弃
|
||
'onMenuShareTimeline' //旧的接口，即将废弃
|
||
] // 必填，需要使用的JS接口列表
|
||
});
|
||
//设置分享内容
|
||
publicShare();
|
||
});
|
||
//配置校验失败后执行
|
||
jWeixin.error(function (res) {
|
||
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
|
||
console.log(res);
|
||
});
|
||
}; |