分享接口

获取access_token”接口新增IP白名单保护

微信JS-SDK说明文档

登录微信公众平台，“公众号设置”的“功能设置”里填写“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(‘分享失败‘);
    }
  });
});