介绍

通过Cabloy-CMS构建输出的静态网页，也可以与微信接口对接，从而支持在微信App中访问，并调用微信App提供的接口功能，比如扫描二维码、自定义网页分享，等等

插件：cms-pluginwechatsdk

使用此插件自动对接微信接口，自动在网站前端注入微信JS SDK，即https://res.wx.qq.com/open/js/jweixin-1.4.0.js，并自动完成wx.config初始化工作。

同时，wx.config准备就绪后，会自动引发一个JQuery事件wechatsdk-ready。如果我们想调用JS SDK的接口，如扫描二维码、自定义网页分享等等，只需响应这个JQuery事件，在这个事件里面操作就可以了

如何使用

1. 安装插件

插件cms-pluginwechatsdk由套件a-wechat提供：

  1. 1$ npm run cli :store:sync a-wechat

2. 响应JQuery事件

比如，这里我们响应JQuery事件，设置自定义的网页分享参数

  1. 1$(document).on('wechatsdk-ready', function(event, wx) {
  2. 2  _wechatshareinit(wx);
  3. 3});
  4. 4
  5. 5function _wechatshareinit(wx) {
  6. 6  // 如果不是文章页面就不执行
  7. 7  if (!env.article) return;
  8. 8  const _article = env.article;
  9. 9  // 分享给朋友
  10. 10  wx.updateAppMessageShareData({
  11. 11    title: _article.atomName,
  12. 12    desc: _article.description || _article._meta.summary || '',
  13. 13    link: util.url(_article.url),
  14. 14    imgUrl: _article.imageFirst || '',
  15. 15    success() {
  16. 16      // 设置成功
  17. 17    },
  18. 18  });
  19. 19  // 分享给朋友圈
  20. 20  wx.updateTimelineShareData({
  21. 21    title: _article.atomName,
  22. 22    link: util.url(_article.url),
  23. 23    imgUrl: _article.imageFirst || '',
  24. 24    success() {
  25. 25      // 设置成功
  26. 26    },
  27. 27  });
  28. 28}

插件：cms-pluginwechatshare

使用此插件可以自动设置自定义的网页分享参数

此插件不需要做任何配置

如何使用

1. 安装插件

插件cms-pluginwechatshare由套件a-wechat提供：

  1. 1$ npm run cli :store:sync a-wechat