返回

突破微信分享限制,自定义分享内容,一键打开朋友圈

前端

在微信公众平台中,分享功能是一个非常重要的功能,它可以帮助我们快速地将内容分享给好友和朋友圈。但是,微信对自定义分享内容作了限制,最终还是要依靠配置wx.config。

那么有没有办法绕开这个限制,自定义分享内容呢?有的,今天就给大家分享一个突破微信分享限制的办法,让你一键打开朋友圈。

步骤

  1. 在你的微信公众号后台,找到【开发者】-【公众号设置】-【功能设置】,然后勾选【自定义分享内容】。

  2. 在你的网页中,添加以下代码:

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script type="text/javascript">
  wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '你的appId', // 必填,公众号的唯一标识
    timestamp: 1414587457, // 必填,生成签名的时间戳
    nonceStr: 'Wm3WZYTPz0wzccnW', // 必填,生成签名的随机串
    signature: '5c4c8a713e1c9d1b9e9e549f0871e787728b0f76', // 必填,签名,见附录1
    jsApiList: [
      'onMenuShareTimeline', // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
      'onMenuShareAppMessage' // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
    ]
  });

  wx.ready(function () {
    // 分享到朋友圈
    wx.onMenuShareTimeline({
      title: '分享标题', // 分享标题
      link: '分享链接', // 分享链接
      imgUrl: '分享图标', // 分享图标
      success: function () {
        // 用户确认分享后执行的回调函数
      }
    });

    // 分享给朋友
    wx.onMenuShareAppMessage({
      title: '分享标题', // 分享标题
      desc: '分享', // 分享
      link: '分享链接', // 分享链接
      imgUrl: '分享图标', // 分享图标
      type: 'link', // 分享类型,music、video或link,不填默认为link
      dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
      success: function () {
        // 用户确认分享后执行的回调函数
      }
    });
  });
</script>
  1. 在你的网页中,添加以下代码:
<a href="javascript:void(0);" onclick="shareTimeline()">分享到朋友圈</a>
<a href="javascript:void(0);" onclick="shareAppMessage()">分享给朋友</a>
  1. 在你的网页中,添加以下函数:
function shareTimeline() {
  wx.onMenuShareTimeline({
    title: '分享标题', // 分享标题
    link: '分享链接', // 分享链接
    imgUrl: '分享图标', // 分享图标
    success: function () {
      // 用户确认分享后执行的回调函数
    }
  });
}

function shareAppMessage() {
  wx.onMenuShareAppMessage({
    title: '分享标题', // 分享标题
    desc: '分享描述', // 分享描述
    link: '分享链接', // 分享链接
    imgUrl: '分享图标', // 分享图标
    type: 'link', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () {
      // 用户确认分享后执行的回调函数
    }
  });
}
  1. 保存你的网页,然后在微信中打开。点击分享按钮,即可分享内容到朋友圈或朋友。

注意事项

  • 在使用这个方法之前,你需要先确保你的微信公众号已经开通了自定义分享内容的功能。
  • 这个方法只适用于在微信中打开的网页。
  • 分享的内容必须符合微信的规定,否则可能会被屏蔽。