微信h5页面分享实现

官方适配问题反馈地址
发送邮件到 [email protected] 。请提供详细问题说明 ，强烈建议附上问题页面的链接，并告知如何复现你们的问题。
js需求

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js">script>

配置信息

    wx.config({
        debug: false,
        appId: '',//后台获取
        timestamp: '',//后台获取
        nonceStr: '',//后台获取
        signature: '',//后台获取
        jsApiList : [// 所有要调用的 API 都要加到这个列表中
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'hideMenuItems',
                'showMenuItems',
                'hideAllNonBaseMenuItem',
                'showAllNonBaseMenuItem',
                'translateVoice',
                'startRecord',
                'stopRecord',
                'onRecordEnd',
                'playVoice',
                'pauseVoice',
                'stopVoice',
                'uploadVoice',
                'downloadVoice',
                'chooseImage',
                'previewImage',
                'uploadImage',
                'downloadImage',
                'getNetworkType',
                'openLocation',
                'getLocation',
                'hideOptionMenu',
                'showOptionMenu',
                'closeWindow',
                'scanQRCode',
                'chooseWXPay',
                'openProductSpecificView',
                'addCard',
                'chooseCard',
                'openCard'
            ],
      });

        wx.ready(function(){//必须写在wx.ready里面
            wx.onMenuShareAppMessage({
                title: '', // 分享标题
                desc: '', // 分享描述
                link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致（二级域名一致）
                imgUrl: '', // 分享图标最大300*300（二级域名一致）
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function () {
                    // 用户确认分享后执行的回调函数
                    // alert('成功');
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });
        });

接口校验地址https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

详细的文档

function shareToApp(obj) {
  wx.config({
    debug: false,
    appId: obj.appId,  
    timestamp: obj.timestamp,
    nonceStr: obj.nonceStr,
    signature: obj.signature,
    jsApiList: [ // 所有要调用的 API 都要加到这个列表中
      'checkJsApi',
      'onMenuShareTimeline',
      'onMenuShareAppMessage',
      'onMenuShareQQ',
      'onMenuShareWeibo',
      'hideMenuItems',
      'showMenuItems',
      'hideAllNonBaseMenuItem',
      'showAllNonBaseMenuItem',
      'translateVoice',
      'startRecord',
      'stopRecord',
      'onRecordEnd',
      'playVoice',
      'pauseVoice',
      'stopVoice',
      'uploadVoice',
      'downloadVoice',
      'chooseImage',
      'previewImage',
      'uploadImage',
      'downloadImage',
      'getNetworkType',
      'openLocation',
      'getLocation',
      'hideOptionMenu',
      'showOptionMenu',
      'closeWindow',
      'scanQRCode',
      'chooseWXPay',
      'openProductSpecificView',
      'addCard',
      'chooseCard',
      'openCard'
    ],
  });
    // 获取当前页面路径
    var hostName = window.location.origin;
  wx.ready(function () { //必须写在wx.ready里面
    var link =  obj.link;
    var imgPath =obj.img;  // 不大于300*300
    var title = "";
    var desc = "";
    wx.onMenuShareTimeline({
      title: title, // 分享标题
      link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: imgPath, // 分享图标
      success: function () {

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

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

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

      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });
    wx.onMenuShareQZone({
      title:title,
      desc: desc,
      link: link, // 分享链接
      imgUrl: imgPath, // 分享图标
      success: function () {

      },
      cancel: function () {
        // 用户取消分享后执行的回调函数
      }
    });
  });
}