登录微信公众平台 ,“公众号设置”的“功能设置”里填写“JS接口安全域名”
在公众号页面页面设置 JS接口安全域名即可 ,如果需要请设置ip白名单
服务器:
1 、根据 appid 、appsecret获取 access_token
https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
2、获取access_token之后 ,获取ticket票据
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi
生成必要的:
appId: data.appid,
// 必填,公众号的唯一标识
timestamp: data.timestamp,
// 必填,生成签名的时间戳
nonceStr: data.nonceStr,
// 必填,生成签名的随机串
signature: data.signature,
// 必填,签名
判断是否 是微信 调用方法:
validWechatConfig();
wxConfig.js
var apiWX = URLS[ENV].activity + '/wx/sign';//只有微信可以调用function validWechatConfig(){ var self = this; var url = location.href; Utils.ajax(apiWX , 'GET', { url: url }, function(res) { if(+res.status === 200) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: res.data.appId, // 必填,公众号的唯一标识 timestamp: +res.data.timestamp, // 必填,生成签名的时间戳 nonceStr: res.data.nonceStr, // 必填,生成签名的随机串 signature: res.data.signature,// 必填,签名,见附录1 jsApiList: [ 'onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); } else { Utils.showToast(res.msg); } }, function() { Utils.showToast('获取微信config配置信息失败,请刷新重试'); });}
share.js
wx.ready(function() { var title = '标题', desc = '描述', link = '分享URL地址', imgUrl = '分享图片'; //分享给朋友 wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { Utils.showToast('分享成功'); }, cancel: function () { Utils.showToast('分享失败'); } }); //分享到朋友圈 wx.onMenuShareTimeline({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { Utils.showToast('分享成功'); }, cancel: function () { Utils.showToast('分享失败'); } }); //分享到QQ wx.onMenuShareQQ({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { Utils.showToast('分享成功'); }, cancel: function () { Utils.showToast('分享失败'); } }); //分享到腾讯微博 wx.onMenuShareWeibo({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { Utils.showToast('分享成功'); }, cancel: function () { Utils.showToast('分享失败'); } }); //分享到QQ空间 wx.onMenuShareQZone({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { Utils.showToast('分享成功'); }, cancel: function () { Utils.showToast('分享失败'); } });});