vue项目微信公众号自定义分享标题和图片,获取经纬度

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

const getConfig = (shareData, fn) => {
console.log(shareData,‘shareData’)
// console.log(shareData, Vue, ‘shareData’)
//1.获取config参数
const wx = window[“wx”];
console.log(wx,‘wxwxwxwxwx’)
// const url = (window.location.href).split(’#’)[0]
let url = window.location.href.split(’#’)[0];
let signUrl = Base64.encode(url);
axios
.post(‘http://eye.fddev.com.cn/api/wechat/jsSign’, {
signUrl: signUrl,
}, {
headers: {
‘stoken’: Utils.getToken(),
}
})
.then(
res => {
// console.log(res, ‘resresresresresresresres’)
if (res.code == 200) {
// console.log(res.data, “jsdk”);
let data = res.data;
wx.config({
beta: true,
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: data.appId, // 必填,公众号的唯一标识
timestamp: data.timestamp, // 必填,生成签名的时间戳
nonceStr: data.nonceStr, // 必填,生成签名的随机串
signature: data.signature, // 必填,签名
jsApiList: [“checkJsApi”, “updateTimelineShareData”, ‘updateAppMessageShareData’, ‘getLocation’] // 必填,需要使用的JS接口列表
});
// console.log(“准备前”);
wx.ready(() => {
// console.log(shareData,‘shareData’)
console.log(“成功”);
// 分享到朋友圈
wx.updateTimelineShareData({
title: shareData.title,
link: window.location.href,
desc: shareData.desc,
imgUrl: shareData.imgUrl,
success: function () {
console.log(“分享成功”);
},
cancel: function () {
// console.log(“取消分享”);
}
});
// 分享给朋友
wx.updateAppMessageShareData({
title: shareData.title,
link: window.location.href,
desc: shareData.desc,
imgUrl: shareData.imgUrl,
success: function () {
// console.log(“分享成功”);
},
cancel: function () {
// console.log(“取消分享”);
}
});
console.log(‘获取位置信息前’)
wx.getLocation({
type: ‘gcj02’, // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入’gcj02’
success: function (res) {
console.log(res, ‘获取位置信息后’)
if (fn) {
fn(res.longitude,res.latitude )
}
// let latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
// let longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
// let speed = res.speed; // 速度,以米/每秒计
// let accuracy = res.accuracy; // 位置精度
}
});
});
wx.error((err) => {
console.log(err, ‘err’);
});
} else {
console.log(‘获取位置信息失败’)
// that.$toast(res.data.message);
}
},
response => {
console.log(“error”);
}
);
}
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值