微信文章缩略图和描述分享配置JavaScript实现

微信分享的文章缩略图和配置,其实挺。直接用wx.onMenuShareAppMessage,传点参数就能搞定标题、图片、链接这些,基本上拿来就能用。

微信的分享接口配置比较直白,titledesclinkimgUrl这些都不陌生吧?有文档,参数都写得清清楚楚,调试起来也不难。配置完后点右上角分享,效果立马能看到。

嗯,代码也不复杂,大致是这样:

wx.onMenuShareAppMessage({
  title: shareTitle,
  desc: descContent,
  link: lineLink,
  imgUrl: imgUrl,
  type: '',
  dataUrl: '',
  success: function () {
    return false;
  },
  cancel: function () {
    return false;
  }
});

要注意缩略图的链接必须是公网可访问的,否则微信加载不了。而且图片最好控制在 300x300 以内,太大了不显示。

如果你用的是织梦系统,可以试试这个微信分享缩略图及简介插件,整合好直接用,省事不少。

另外想深入研究缩略图,还有不少相关资源,比如php 缩略图类js 截取缩略图,这些都挺实用的,看看有没有你用得上的。

,想要文章分享到微信上更美观、信息更完整,缩略图和配置还是得走一遍。配置简单,效果,值得搞一搞。

zip 文件大小:12.3KB