WordPress版微信小程序3.1.5版的新功能

WordPress版微信小程序3.1.5版的新功能

WordPress版微信小程序3.1.5版的新功能，分享海报功能改进，下拉翻页，显示指定分类的文章列表。

产品的完善是无止境，每过段时间就会发现产品的新问题，使用的人越多，提的需求也会越多，我听得最多的一句话就是：若是加上某某功能就完美了。其实，完美是不存在的，每一个人的视角不同，完美的定义也是不同的。

作一款开源产品，会面对不少善意的批评和建议，固然也不乏无理的要求，如何在这众多批评、建议、要求里去取舍，用来完善产品，是考验产品开发者的设计能力。

WordPress版微信小程序通过快一年的开发，从功能上来看，做为一个资讯类的小程序，基本的功能已经具有。不过，这个产品最初是我玩票性质的产品，主要想是为了学习和熟悉小程序的开发，而不少站长都是用WordPress作网站的，为了让更多的WordPress站长利用微信小程序，因而就开源了这个产品。所以，小程序架构设计很不完善，不少的代码写得很丑陋，大量重复和无用的代码，严重影响了程序的可读性和运行性能。基于此，我已经着手重构新的版本，新的版本会更专业一些，功能多一些，小程序程序架构几乎是重写了，小程序暂定的名称为：WordPress微信小程序Pro版。我但愿新的版本能带来新的体验。

WordPress版微信小程序3.1.5版的新功能没有大的改进，更准确说是小的改进和完善。主要的完善是：分享海报和下拉翻页。

1.分享海报的改进

文章页面的海报在上一个版本-3.0版本就已经实现了，不过这个功能有很多的问题，主要的缘由是海报图片是服务端的php生成的，对服务端的php环境要求有些高，特别是对服务器的性能也提出了要求，这致使有时候没法生成海报的图片，用户体验很差。此次改进主要是海报图片的生成在微信小程序端来完成，主要利用微信小程序提供的canvas接口来合成图片。微信小程序的canvas接口提供了丰富的功能，详细的介绍请参考文档：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
海报的背景图片使用的是文章内的图片，同时利用小程序canvas接口合成海报图片，须要把图片下载到手机里，所以在使用这个功能的时候，须要在小程序的后台管理配置downloadFile合法域名，以下图所示：

同时在WordPress版微信小程序的配置文件config.js里，配置downloadFile合法域名：

若是没有配置downloadFile合法域名将会致使合成海报图片失败。

downloadFile合法域名能够配置第三方的的域名，好比若是网站使用的是cdn网站的图片，能够配置cdn网站的域名。

分享海报最后合成的效果图以下：

2.下拉方式翻页

在之前的版本中，不管是文章列表仍是评论列表的翻页，都是经过点击按钮来触发的。我原来的设计思路：是否翻页应该让用户本身去决定，而不是被动的去触发。不过如今不少用户使用手机的习惯就是：下拉到底部去翻页，这仿佛已经成为约定俗成的规则了，因而我就再也不坚持原来的设计思路，调整为下拉到底部自动触发翻页。每一个设计都有其道理，如何让用户方便使用产品才是设计的核心。

特别指出的是，之前版本的评论列表的第一页，是随这文章显示而自动加载的，若是评论不少的话，就会拖慢页面，新版本调整为下拉到底加载评论或者翻页，这样文章和评论就分开加载了，看完文章若是不想看评论，就没必要下拉到底去看评论。在下拉加载评论的时候，增长了一个进度条的提示；评论显示分页（或翻页）以下图所示：

3.显示指定分类的文章列表

很多WordPress网站站长提出在小程序只显示部分分类的文章，而不是显示全部的文章，之前以为这是个小众的需求，也就没在乎，后来愈来愈多的人提出这个想法，因而就作了一个小调整，能够在小程序的配置文件config.js里加入一个配置参数：INDEXLISTTYPE，用于指定须要显示的分类的id（这个id须要到wordpress后台去本身找，方法参考文章：WordPress版微信小程序安装使用说明，指定分类id的示例以下所示：

var INDEXLISTTYPE = “1,2” //指定首页显示分类的id,用英文半角逗号分隔

若是你想显示全部分类的文章，就设置参数值为”all”，示例以下：

var INDEXLISTTYPE = “all” //指定首页显示分类的id,用英文半角逗号分隔

4.评论是否开启设置

近来，微信对资讯类小程序的审核尺度有愈来愈严格的趋势，即便是企业主体的小程序，也可能由于出现用户“评论”的问题，致使小程序审核不经过，给出理由以下：

服务类目”文娱-资讯_”与你提交代码审核时设置的功能页面内容不一致:
评论涉及发布与交流，请补充选择社交-社区/论坛类目，并在基础信息处申请该类目，经过资质审核并在配置功能页添加符合该类目的功能页面。

在这个版本里，我在wp-rest-api-for-app插件里，加了是否开启文章评论的设置，若是遇到由于评论致使没法经过的审核的时候，能够考虑关闭评论，至于审核经过后你是否开启就自行决定了。设置的示例以下：

WordPress版小程序开源下载地址

https://github.com/iamxjb/winxin-app-watch-life.net

若是由于某些缘由github没法访问，能够选择如下镜像地址：
2.https://code.aliyun.com/iamxjb/winxin-app-watch-life.net
3.https://coding.net/u/xjb/p/winxin-app-watch-life.net
4.https://gitlab.com/xiajianbo/winxin-app-watch-life.net

配套WordPress插件：wp-rest-api-for-app 下载地址

https://github.com/iamxjb/wp-rest-api-for-app
插件镜像下载地址：
https://gitee.com/iamxjb/wp-rest-api-for-app