小小程序员程序员让前端飞

[mini-blog][v2.0.0]博客小程序的一些优化汇总

2020-02-27  本文已影响0人  Bug生活2048

刚更新了一版

博客小程序好久没有更新了,缺少动力的原因还是审核比较麻烦,昨天更新了一些小功能点,比较顺利审核通过了,这里记录下优化点。

towxml升级

看了towxml已经升级到了3.x版本了,看了下介绍,体积小了,速度快了,兼容性更好了,所以果断选择升级。

截图1

使用方式相较于原来基本没差,稍微有些变化,作者文档挺详细了,就不再多说。

同时不再使用服务端解析的方式了,而直接使用客户端解析了,性能确实比以前快了,同时兼容性确实好了,比如最近的一篇文章「远程办公了一周,我想去公司上班了」中截图红框中样式是渲染不出来的,但升级后可以正常渲染了。

截图2

同时在它的基础上增加了图片放大功能,这样文章中的图片可以点击放大了。

最后看了下体积,原来2.x的版本700多KB,现在是400多KB,确实小了很多。

内容安全接入

评论功能一直没有接入微信提供的内容API,这次更新接入了一下。

使用云开发接入特别简单的,几行代码就搞定了。

/**
 * 接入内容安全
 */
async function checkPostComment(event) {

  try {
    let result = await cloud.openapi.security.msgSecCheck({
      content: event.content
    })
    if (result.errCode == 0) {
      return true;
    }
    return false
  } catch (err) {
    return false;
  }
}

接入内容安全接口后,通过审核的概率会高不少。

广告功能配置化

最后是做了广告接入这块,很多读者想要的功能,希望文章在点击广告之后才能阅读全文,提高些收益。

这里借鉴了大神守望轩的开源博客,已经很完整的设计了该功能,所以基本上拿来用了,效果如下:

截图3

实现原理就是将文章遮住,在观看完视频广告后再展示出来。

这里需要注意下单篇文章如果已经看过了,返回后再次进入就不要再放广告了,本地缓存下文章的ID。

具体代码就不贴了,直接下载源码看就可以了。

之前的广告位和广告ID是写死在代码里的,这次做了配置化,方便管理员进行管理,在后台管理中有个广告位管理模块,可随时进行变更操作。

截图4

其他

还有一些小点需要注意下,首先是同步公众号文章,发现有同步失败的概率,看了下日志。云开发应该加了服务器,所以需要将下面的IP增加到公众号的白名单。

129.211.53.161
212.64.44.135
截图5

另外是新增文章的功能页面,建议删除「新版本代码已经删除」该页面在审核时会被检测到,极大概率导致审核不通过。

截图6

最后

好长时间没有更新迭代了,最近会勤快点的...

Ps.关注公众号「Bug生活2048」回复「小程序」可获取源码。

上一篇下一篇

猜你喜欢

热点阅读