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-04-13 观复嘟嘟观古今 (2 个评论)

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

    1. xjb 文章作者

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

      回复
  1. 大雷

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

    回复
  2. Small Blingbling

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

    回复
  3. 杨小见

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

    回复
  4. aladeng 阿拉灯

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

    回复
  5. 自在

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

    回复
  6. 小鱼

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

    回复
  7. 猫腻

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

    回复
  8. 康志华

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

    回复
  9. 袁挺

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

    回复
  10. Reed??

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

    回复
  11. 杨小见

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

    回复
    1. 杨小见

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

      回复
  12. 朱曙明

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

    回复
  13. chen

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

    回复
  14. meteor

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

    回复
  15.  

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

    回复
  16. linn

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

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

    回复
  17. ekinger

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

    回复
      1. ekinger

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

        回复
      1. 杨小见

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

        回复
  18. 夏天

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

    回复
  19. zyz

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

    回复
  20. zooman

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

    回复
    1. 黄作敏

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

      回复
  21. 心乐

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

    回复
    1. xjb 文章作者

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

      回复
  22. 崔先森

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

    回复

发表回复

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