微信h5页面分享实现

版权声明:多总结,帮助自己的同时也在帮助别人!留下意见和看法,让技术动起来! https://blog.csdn.net/qiphon3650/article/details/79955308

官方适配问题反馈地址
发送邮件到 wx_wkwebview@qq.com 。请提供详细问题说明 ,强烈建议附上问题页面的链接,并告知如何复现你们的问题。
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 () {
        // 用户取消分享后执行的回调函数
      }
    });
  });
}
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页