介绍

通过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. 安装插件

$ npm i egg-born-module-cms-pluginwechatsdk

2. 响应JQuery事件

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

$(document).on('wechatsdk-ready', function(event, wx) {
  _wechatshareinit(wx);
});

function _wechatshareinit(wx) {
  // 如果不是文章页面就不执行
  if (!env.article) return;
  const _article = env.article;
  // 分享给朋友
  wx.updateAppMessageShareData({
    title: _article.atomName,
    desc: _article.description || _article._meta.summary || '',
    link: util.url(_article.url),
    imgUrl: _article.imageFirst || '',
    success() {
      // 设置成功
    },
  });
  // 分享给朋友圈
  wx.updateTimelineShareData({
    title: _article.atomName,
    link: util.url(_article.url),
    imgUrl: _article.imageFirst || '',
    success() {
      // 设置成功
    },
  });
}

插件:cms-pluginwechatshare

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

此插件不需要做任何配置

如何使用

1. 安装插件

$ npm i egg-born-module-cms-pluginwechatshare

换一个思路:如果我们仅仅想自动设置自定义的网页分享参数,那么只需安装插件cms-pluginwechatshare就可以了。因为,此插件会自动安装插件cms-pluginwechatsdk