zdcms引入Jssdk类微信分享增加缩略图标和描述文字

zdcms网站做好之后，在微信里面分享出去的链接默认只显示标题和链接，如下图。

今天来介绍下怎么给网站引入微信Jssdk类，让链接在微信里面分享隐藏url链接，显示缩略图标和描述文字。

首先，在文字内容show模板里面引入如下代码。

<?php \Phpcmf\Service::C()->init_file('weixin');$signPackage=\Phpcmf\Service::L('jssdk','weixin')->GetSignPackage();?>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  wx.config({
    debug: true,  // 这里记得，调试成功后要改成false，关闭调试弹窗提示。
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: <?php echo $signPackage["timestamp"];?>,
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      
      // 这里需要自己按微信文档来写参数
      "updateAppMessageShareData", "updateTimelineShareData"
    ]
  });
  wx.ready(function () {
        // 在这里调用 API
      
       // 这里需要自己按微信文档来写参数
       
       // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容
       wx.updateAppMessageShareData({ 
        title: '{$meta_title}', // 分享标题
        desc: '{$meta_description}', // 分享描述
        link: '{$my_web_url}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '{dr_get_file($thumb)}', // 分享图标
        success: function () {
          // 设置成功
        }
      });
      
      //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容
      wx.updateTimelineShareData({ 
        title: '{$meta_title}', // 分享标题
        link: '{$my_web_url}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: '{dr_get_file($thumb)}', // 分享图标
        success: function () {
          // 设置成功
        }
      });
      
      
  }); 
  
</script>

然后，在后台微信插件里配置好微信APPID和AppSecret参数。这样就OK了，把链接转发出去就会出现缩略图和描述内容了，如下图。