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无法访问，可以选择以下镜像地址：
1.https://git.oschina.net/iamxjb/winxin-app-watch-life.net
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

了解WordPress微信小程序的的开发历程及开发技术，建议看看相关更新文章和安装文档：

1.用微信小程序连接WordPress网站
2.WordPress版微信小程序1.5版本发布
3.WordPress版微信小程序2.0版本发布
4.利用WordPress REST API 开发微信小程序从入门到放弃
5.WordPress版微信小程序2.1.5版发布
6.WordPress版微信小程序2.1.8版发布
7.WordPress版微信小程序开发系列(一)：WordPress REST API
8.WordPress版微信小程序2.2.0版发布
9.WordPress版微信小程序2.2.8版发布
10.WordPress版微信小程序开发系列(二):安装使用问答
11.WordPress版微信小程序2.4版发布
12.WordPress版微信小程序安装使用说明
13.WordPress版微信小程序2.6版发布
14.WordPress版微信小程序3.0版发布



微信扫描下方的二维码阅读本文

历史上的今天所写的文章

2017: 观复嘟嘟观古今 (2 Comments)

《WordPress版微信小程序3.1.5版的新功能》有 380 个想法

    1. xjb 文章作者

      个人主体的小程序如果提供评论，可能很难通过审核，建议在审核的时候，关闭评论功能。

      回复 ↓
  4. 大雷

    个人版留言通知没效果，大佬有相应的操作教程吗？博客里的找了下 修改过了没效果

    回复 ↓
  10. Small Blingbling

    很不错，很容易复刻。那个获取用户头像基础信息的可以优化下，现在上传的貌似不支持了。还有就是展示在不同地方的图片希望可以配置多图地址

    回复 ↓
  15. 杨小见

    感谢博主开源程序，将文章生成海报时，左侧的小程序码正常显示，但右边的LOGO不显示，这块该怎么调整？

    回复 ↓
  16. aladeng 阿拉灯

    博主，想和你交换友链啊
    网址：http://www.lgwimonday.cn
    名称：Aladeng 阿拉灯
    介绍：阿拉灯Aladeng，一个让IT人倾诉心声的平台！专注于记录IT人的学习、生活及工作日常，一点一滴，积少成多，是经历，也是经验，更是智慧。愿后来者一切顺心！
    同意的话可以来我网站留言，我会及时回复

    回复 ↓
  17. 自在

    谢谢，博主开源程序，程序在本地测试中，遇到一个问题：文章内的音频放在文章最前面，点开文章后，立马点音频播放器的播放按钮可以正常播放，如果文章点开后，进行了下滑翻页浏览，再回到页头点这个音频播放器。点击播放按钮毫无响应，像卡住了一样。这是什么原因呢？

    回复 ↓
  18. 小鱼

    小程序专题中的分类，获取文章出现失败，或者加载失败，什么情况？

    回复 ↓
  30. 猫腻

    博主可以写个typecho博客系统的小程序么或者这个小程序支持typecho就完美了

    回复 ↓
  31. 康志华

    目前发现的问题：文章如果含有html代码，将无法显示或错乱，二：wx.getuserinfo接口改变了授权方式

    回复 ↓
  36. 袁挺

    有个建议，点赞能否搞个悬浮大按钮到页面右上，这样就不用拉倒文章底部再点了，效率较高，当然，只是建议而已。

    回复 ↓
  39. Reed??

    可以无限复制一样的小程序供他人用吗？复制的小程序都是一个独立的小程序，可以改小程序名称，文章，页面等内容。

    回复 ↓
  40. 杨小见

    感谢分享，对于一个非程序员居然也作出了一款小程序，有个疑问：我wordpress的主题有统计页面浏览量的代码，和您的类似，您的是wl_pageviess，我的是views，其他的几乎一样，当把wl_p

    回复 ↓
    1. 杨小见

      当把wl_pageviews替换为我的views时，网站的浏览量会变成小程序中的浏览量，请问我该怎么设置，让网站的浏览量同步到小程序，而非小程序的浏览量同步网站，感谢

      回复 ↓
  48. 朱曙明

    感谢开源分享。想请教下，主页中间四个图标位置如何调用分类栏目专题呢，安装说明设置了下，但调用不出来，只有排行是正常可以使用的

    回复 ↓
  51. chen

    时区是不是有问题？ 怎么刚发的都是显示8小时前？应该怎么调整？

    回复 ↓
  54. meteor

    请问怎么在tabbar 上调用分类列表？
    还有就是rest api中已经有自定义字段值，怎么取自定义字段的值？

    回复 ↓
  55. 　

    博主你好，非常感谢你的开源，我有个问题请教下，就是生成海报的时候，怎么获取文中的指定文字？我发现我的获取是从文章开始获取，发现和你的不同，所以请教下。

    回复 ↓
  63. linn

    请问wordpress中富文本的文章详情内容在微信小程序中显示的都是16进制的文本文字，是什么情况？迫切求大神解答~~~

    如下所示：
    &#我是内容我是内容25105;是内容我是内容

    回复 ↓
  65. ekinger

    老大，为什么wordpress中富文本的文章内容在微信小程序中无法显示？但简单的没有字体没有图片的文章却可以正常显示。

    回复 ↓
      1. ekinger

        大神，你好！最新的版本在哪？我是从https://git.oschina.net/iamxjb/winxin-app-watch-life.net下载的

        回复 ↓
      1. 杨小见

        您好，如何网站的浏览量去同步小程序而不是小程序的浏览量去同步网站？网站计数是views，小程序是wl_pageviews

        回复 ↓
  101. 夏天

    分享海报的功能有点没看明白：
    1、小程序码获取后存在文件夹，对应 qrcode-id.png id即文章id，
    2、文章第一张图，我看到博主代码里有判断是否为本地，有点看不懂，读文章图片的缓存？
    3、小程序码、logo、首图这些都要在小程序合法域名下才能海报吗？

    回复 ↓
  147. zyz

    你回复我的评论后会收到通知，这个是怎么做到的？我的理解是 这评论是通过wordpress评论接口进行的 微信是咋知道的呢

    回复 ↓
  162. zooman

    小程序不再指出 wx.getUserInfo
    请问，应该怎么升级修改？

    回复 ↓
    2. 黄作敏

      我用您的小程序源码架了一个应用，在测试环境下，不能留言，不能点赞。是不是getUseInfo函数被取消的缘故？

      回复 ↓
  175. 心乐

    首先非常感谢博主开源，真的好好用。稍微有几个问题.
    A.对于文章有自定义字段，要怎么调用读取呢。
    B.微信登录用户，网站后台也会生成一个账号，但是账号昵称栏是微信头像地址。
    C.有没有计划考虑，网站加入微信登录的扩展插件

    回复 ↓
    1. xjb 文章作者

      1、目前插件还不支持所有自定义的字段，这个需要自己二次开发。
      2、目前这个版本微信用户的昵称确实是用户的微信头像，主要为了方便显示点赞和赞赏的头像。新架构的pro版将新增用户中心，会考虑增加微信用户信息。
      3、在新的pro版有这个功能的计划。

      回复 ↓
  177. 崔先森

    个人观点：是否可以默认把文章的“特色图片”选择为略图呢？文章内的图片未必添加的

    回复 ↓

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注