您当前的位置: 首页 > 知识百科 > 微信分享到朋友圈图标怎么实现?

微信分享到朋友圈图标怎么实现?

时间:2023-07-01 14:05 阅读数:92 人阅读 分类:知识百科

  微信分享到朋友圈图标怎么实现?我们在微信公众号文章中可以插入微信分享到朋友圈图标哦,这样分享到微信朋友圈的话就会很方便哦,那么微信分享到朋友圈图标怎么实现呢?小编来教您。

  微信分享到朋友圈图标怎么实现?

  微信“分享到朋友圈”接口—— wx.onMenuShareTimeline()

  注意事项:

  1.图标大小要大于300pix才能显示;

  2. 这个方法必须先config成功,然后再wx.ready里才能调用。直接放到$(function(){})里执行,实践证明是不行的。

  使用前引入微信js脚本库:

  wx.config({

  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

  appId: '{$appid}', // 必填,公众号的唯一标识

  timestamp: "{$signPackage.timestamp}", // 必填,生成微信签名的时间戳

  nonceStr: '{$signPackage.nonceStr}', // 必填,生成签名的随机串

  signature: '{$signPackage.signature}',// 必填,签名,见附录1

  jsApiList: [

  'checkJsApi',

  'onMenuShareTimeline',

  'onMenuShareAppMessage',

  'onMenuShareQQ',

  'onMenuShareWeibo',

  'chooseWXPay'

  ] // 必填,需要使用的微信JS接口列表,所有JS接口列表见附录2

  });

  wx.ready(function () {

  wx.onMenuShareTimeline({

  title: '--{$info.name}', // 分享标题

  link: '{$url}__URL__/index?pid={$pid}&puid={$uid}', // 分享链接,将当前登录用户转为puid,以便于发展下线

  imgUrl: '{$url}__PUBLIC__/Uploads/{$goodsvo.image}', // 分享图标

  success: function () {

  // 用户确认分享后执行的回调函数

  alert('分享成功');

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  }

  });

  wx.error(function(res){

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

  alert("errorMSG:"+res);

  });

  });

  onMenuShareAppMessage 接口 —“分享给朋友”按钮点击状态及自定义分享内容

  wx.onMenuShareAppMessage({

  title: '', // 分享标题

  desc: '', // 分享描述

  link: '', // 分享链接

  imgUrl: '', // 分享图标

  type: '', // 分享类型,music、video或link,不填默认为link

  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空

  success: function () {

  // 用户确认分享后执行的回调函数

  },

  cancel: function () {

  // 用户取消分享后执行的回调函数

  }

  });

  以上就是微信分享到朋友圈图标怎么实现的全部内容了哦,各位微信公众号运营者,您可以去设置微信分享到朋友圈图标哦。希望以上小编整理的内容对您会有帮助哦,更多精彩内容尽在微微风等着您。

  相关推荐:

  微信分享文章怎么赚钱?

  怎么引导关注微信公众号

  微信朋友圈匿名留言板怎么弄?》