微信分享插件(带封面缩略图)安装与使用教程(适用于帝国CMS)

 

📁 第一步:上传插件

  1. 下载插件压缩包: wxshare_plugin.zip  见文章末尾
  2. 解压后,将整个文件夹上传至你的帝国CMS目录:/e/wxshare/

⚙️ 第二步:配置插件

  1. 在浏览器中访问:http://你的域名/e/wxshare/index.php
  2. 输入你的微信公众号开发者 AppID 和 AppSecret
  3. 点击“保存”按钮

💡 建议使用服务号,确保有调用 JS-SDK 权限

🧩 第三步:集成模板代码

一、在文章模板 <head> 中加入以下内容:

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="/e/wxshare/wxshare.js.php?url=<?=urlencode("http://".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'])?>"></script>

二、在正文区域添加分享按钮:

<button onclick="showQRCode()">分享到微信朋友圈</button>
<script src="/e/wxshare/wxqrcode.js"></script>

三、初始化微信分享卡片(缩略图、标题、链接):

<script>
wx.ready(function () {
  wx.updateTimelineShareData({
    title: document.title,
    link: window.location.href,
    imgUrl: '[!--titlepic--]',
    success: function () {
      console.log('分享到朋友圈成功');
    }
  });
});
</script>

✅ 第四步:测试功能

  1. 打开任意文章页,点击“分享到朋友圈”按钮
  2. 弹出二维码,手机扫码打开页面
  3. 若在微信浏览器内打开,则可显示微信分享缩略图(新版本需 JS-SDK 签名)

❓常见问题

  • 为什么缩略图在新微信版本不显示?

    需在微信浏览器中打开页面,并通过 JS-SDK 正确配置 imgUrl

  • 签名失败怎么办?

    检查 AppID/AppSecret 是否正确,域名是否已在公众号后台设置为 JS-SDK 安全域名。


如需高级功能(如自动生成短链接、多平台分享等),欢迎联系插件作者继续扩展。

微信分享插件(带封面缩略图)安装与使用教程(适用于帝国CMS)

终身会员终身会员免费
¥80.00
资源价格 ¥80.00 发布时间 2025-04-19 更新时间 2025-04-19 链接地址
已付费?登录刷新
订阅评论
提醒
guest的头像

0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x