vue中使用 jweixin-module.js
1、vue路由模式要使用history模式
2、IOS和Android手机传入的当前页面网址是不同的,IOS需要传入第一次进来的页面,如果手动刷新则变成当前页面,而安卓则一直是当前的url
参考代码如下:
main.js
localStorage.setItem('iosUrl',window.location.href);
wechat.js
import * as $apis from './apis.js'
let jweixin = require('./jweixin-module.js');
export default {
isWechat: function() {
var ua = window.navigator.userAgent.toLowerCase();
if (ua.match(/micromessenger/i) == 'micromessenger') {
// console.log('是微信客户端')
return true;
} else {
// console.log('不是微信客户端')
return false;
}
},
initJssdk(callback){
let url = url ? url : window.location.href;
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
url = localStorage.getItem('iosUrl');
}
$apis.initJssdk({
url: url
}).then(res => {
jweixin.config(res.config);
//配置完成后,再执行分享等功能
if (callback) {
callback(res.share);
}
})
},
//在需要自定义分享的页面中调用
share: function(data,cb) {
//url = url ? url : window.location.href;
if (!this.isWechat()) {
return;
}
//每次都需要重新初始化配置,才可以进行分享
this.initJssdk(function(signData) {
jweixin.ready(function() {
//console.log(signData)
var shareData = {
title: data && data.title ? data.title : signData.site_name,
desc: data && data.desc ? data.desc : signData.site_description,
link: data && data.url ? data.url : signData.url,
imgUrl: data && data.img ? data.img : signData.site_logo,
success: function(res) {
console.log(res);
cb&&cb();
},
cancel: function(res) {}
};
//console.log(shareData)
//分享给朋友接口
jweixin.updateAppMessageShareData(shareData);
//分享到朋友圈接口
jweixin.updateTimelineShareData(shareData);
});
});
},
//在需要定位页面调用
location: function(callback) {
if (!this.isWechat()) {
console.log('不是微信客户端')
return;
}
console.info('定位')
this.initJssdk(function(res) {
jweixin.ready(function() {
console.info('定位ready')
jweixin.getLocation({
type: 'gcj02', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function(res) {
// console.log(res);
callback(res)
},
fail: function(res) {
console.log(res)
},
// complete:function(res){
// console.log(res)
// }
});
});
});
}
}
3 条评论
《银河奥特曼特别剧场版》动画片高清在线免费观看:https://www.jgz518.com/xingkong/117565.html
《谋刺关东王》剧情片高清在线免费观看:https://www.jgz518.com/xingkong/88877.html
《欢聚此刻》连续剧高清在线免费观看:https://www.jgz518.com/xingkong/157844.html