可以参考微信公众号平台: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
微信JS-SDK说明文档
下面代码是在vue中使用的
var timestamp = "";//时间戳
var nonceStr = "";//随机串
var signature = ""; // 签名
var appId="";
var url3=location.href;
var params="url="+url3;
var url = 'xxxxx'; // 请求数据的接口, 后台提供将返回 timetamp, nonceStr, signature, appid;
_this.$axios.get(url +'?' + params).then((res) => {
console.log(res);
// data=eval("("+data+")");
timestamp=res.data.timestamp;
nonceStr=res.data.nonceStr;
signature=res.data.signature;
appId=res.data.appid;
// url3=res.data.url;
})
// 通过config接口注入权限验证配置
wx.config({
debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId : appId,// 必填，公众号的唯一标识
timestamp : timestamp, // 必填，生成签名的时间戳
nonceStr : nonceStr, // 必填，生成签名的随机串
signature : signature,// 必填，签名，见附录1
//jsApiList : [ 'onMenuShareAppMessage']
jsApiList : [ 'onMenuShareAppMessage','onMenuShareTimeline']
// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.error(function(res){
});
wx.ready(function(){
// 分享给朋友
wx.onMenuShareAppMessage({
title: '标题',
desc:'描述',
link: url3,
imgUrl: '展示的图片',
trigger: function (res) {
},
success: function (res) {
},
cancel: function (res) {
},
fail: function (res) {
}
});
// 分享朋友圈
wx.onMenuShareTimeline({
title: '标题',
desc:'描述',
link: url3,
imgUrl: '展示的图片',
trigger: function (res) {
},
success: function (res) {
},
cancel: function (res) {
},
fail: function (res) {
}
});
});
