微信内 H5 页面自定义分享

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

{"access_token":"ACCESS_TOKEN","expires_in":7200}

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

{
  "errcode":0,
  "errmsg":"ok",
  "ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
  "expires_in":7200
}

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com?params=value

signature=sha1(string1) // 0f9de62fce790f9a083d5c99e95740ceb90c27ed

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: ‘‘, 
    timestamp: , 
    nonceStr: ‘‘, 
    signature: ‘‘,
    jsApiList: [] 
});

wx.ready(function(){
  // config信息验证通过后会执行ready方法，
  // 所有接口调用都必须在config接口获得结果之后，
  // config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
  // 则须把相关接口放在ready函数中调用来确保正确执行。
  // 对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
});

wx.error(function(res){
  // config信息验证失败会执行error函数，
  // 如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，
  // 也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});

wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({ 
    title: ‘‘, // 分享标题
    desc: ‘‘, // 分享描述
    link: ‘‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: ‘‘, // 分享图标
    success: function () {
      // 设置成功
    }
  })
}); 

wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
  wx.updateTimelineShareData({ 
    title: ‘‘, // 分享标题
    link: ‘‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: ‘‘, // 分享图标
    success: function () {
      // 设置成功
    }
  })
});

wx.onMenuShareAppMessage({
  title: ‘‘, // 分享标题
  desc: ‘‘, // 分享描述
  link: ‘‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: ‘‘, // 分享图标
  type: ‘‘, // 分享类型,music、video或link，不填默认为link
  dataUrl: ‘‘, // 如果type是music或video，则要提供数据链接，默认为空
  success: function () {
    // 用户点击了分享后执行的回调函数
  }
});

wx.onMenuShareTimeline({
  title: ‘‘, // 分享标题
  link: ‘‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
  imgUrl: ‘‘, // 分享图标
  success: function () {
  // 用户点击了分享后执行的回调函数
  }
},

wx.onMenuShareQQ({
  title: ‘‘, // 分享标题
  desc: ‘‘, // 分享描述
  link: ‘‘, // 分享链接
  imgUrl: ‘‘, // 分享图标
  success: function () {
  // 用户确认分享后执行的回调函数
  },
  cancel: function () {
  // 用户取消分享后执行的回调函数
  }
});

getWXShare() {
          axios.get(‘***/***/getShareTicket‘, MD5({
            url: location.href
          }), function (data) {
            if (data.code === 200) {
              wx.config({
                // debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: data.data.appId, //后台 必填，公众号的唯一标识
                timestamp: data.data.timestamp, // 必填，后台生成签名的时间戳
                nonceStr: data.data.nonceStr, // 必填，后台生成签名的随机串
                signature: data.data.signature,// 必填，后台签名
                jsApiList: [‘updateAppMessageShareData‘, ‘updateTimelineShareData‘, ‘onMenuShareAppMessage‘,‘onMenuShareTimeline‘, ‘onMenuShareQQ‘, ‘onMenuShareQZone‘]
              });

              wx.ready(function () {
                //分享到朋友圈(旧)
                wx.onMenuShareTimeline({
                  title: ‘要分享的标题‘, // 分享标题
                  desc: ‘要分享的简介‘,
                  link: "要分享的地址", // 分享链接，
                  imgUrl: ‘要分享图标‘, // 分享图标
                  success: function () {
                    // 用户点击了分享后执行的回调函数
                    // console.log("分享成功");
                  },
                  cancel: function () {
                    // 用户取消分享后执行的回调函数
                    // console.log("分享取消");
                  }
                });
                // 朋友(旧)
                wx.onMenuShareAppMessage({
                  title: ‘要分享的标题‘, // 分享标题
                  desc: ‘要分享的简介‘,
                  link: "要分享的地址", // 分享链接，
                  imgUrl: ‘要分享图标‘, // 分享图标
                  success: function () {
                    // 用户点击了分享后执行的回调函数
                    // console.log("分享成功2");
                  },
                  cancel: function () {
                    // 用户取消分享后执行的回调函数
                    // console.log("分享取消2");
                  }
                });
              });
              //必须放wx.ready后面 否则无法执行
              wx.error(function(res){
                //config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
              });
            } else {
              alert(‘请稍后后再试‘)
            }
          })
},