WordPress版微信小程序2.2.0版发布

xjb (49)in #cn • 7 years ago

2017年8月12日WordPress版微信小程序2.2.0版通过了微信的审核正式发布，此版本的更新以完善功能为主。主要更新的功能是：站内链接，猜你喜欢，热点文章。

WordPress版微信小程序开放源码地址：https://github.com/iamxjb/winxin-app-watch-life.net

了解程序的开发历程及开发技术，建议看看相关版本的更新文章：

1.用微信小程序连接WordPress网站

2.WordPress版微信小程序1.5版本发布

3.WordPress版微信小程序2.0版本发布

4.利用WordPress REST API 开发微信小程序从入门到放弃

5.WordPress版微信小程序2.1.5版发布

6.WordPress版微信小程序2.1.8版发布

以下详细记录2.2.0 版本新增的功能。

1.站内链接

站内链接就是在小程序内部实现链接的跳转。打开文章内容页的时候，小程序会对文章内的链接进行解析，实现跳转或链接复制。文章内容里的链接一般分两种：

1.指向站内的链接，包括文章链接，tag链接，分类链接等等。

2.指向站外的链接。

对于第二种链接情况，由于小程序的限制是无法通过打开链接，点击这类链接的时候，会弹出一个提示：链接已复制。这样就可以打开手机浏览器，粘贴地址直接访问了。

对于第一种链接情况，大致包括四类的链接：指向首页，指向文章页页，指向tag页，指向分类页。对于指向tag和指向分类页的链接本版本目前尚没有处理，待下个版本完善。

对于指向首页的链接，点击此链接后会跳转到小程序的首页（首页标签）。

对于指向文章页的链接，点击此链接会直接跳转到链接指向的文章页。小程序的页面跳转支持wx.redirectTo和wx.navigateTo两种方式。wx.redirectTo前者会关掉当前页面，跳转到应用内的页面；wx.navigateToh保留当前页面，跳转到应用内的页面，但是只能有5层跳转，如果超过5次跳转就不响应了。本版本兼容了两种跳转，前5次跳转采用wx.navigateTo（在缓存记录这个点击的次数），超过5次后，采用wx.redirectTo。如果访问一次首页，程序会把这个点击的次数归零，这样又可以wx.navigateTo的方式进行跳转了，如此往复循环。

站内链接功能的实现得益于开源组件wxParse（https://github.com/icindy/wxParse）提供的支持，在这个解析组件里，提供一个wxParseTagATap事件，点击a标签触发改事件。

注：目前站内链接的功能是基于我网站的WordPress的固定链接(permalink)来解析的，我网站WordPress的固定链接的最后设置了html作为后缀，文章名称的解析也是基于此，如果你的网站固定链接不是这种形式，可能会无法正常跳转。后续，我会考虑兼容多种情况的固定链接。

2.猜你喜欢

这个功能就是在文章的底部出现猜你喜欢的相关文章。

这个功能的实现很简单，就是利用WordPress 的tag（标签）的api，找到相关的文章显示出来。这个功能可以帮助读者阅读更多相关的文章。

3.热点文章

考虑到“浏览记录”这个功能的访问量很低，同时也占用了缓存空间，在这次更新里，取消了这个功能，用热点文章来替代这个功能。

WordPress rest api 中并不提供有关热点文章的api接口，不过提供了扩展api的接口，可以利用这个接口来增加api的功能，同时可以通过插件来实现这个功能，因此本版本需要配合新版本的WordPress插件wp-rest-api-for-app，下载地址：https://github.com/iamxjb/wp-rest-api-for-app

在插件里增加了一个新的api Routes and Endpoints （原理参见：https://developer.wordpress.org/rest-api/extending-the-rest-api/routes-and-endpoints/）：

https://www.watch-life.net/wp-json/watch-life-net/v1/

在这个新增的Routes and Endpoints中，添加两个功能节点：

https://www.watch-life.net/wp-json/watch-life-net/v1/post/hotpostthisyear 获取本年度最热（评论最多）文章

https://www.watch-life.net/wp-json/watch-life-net/v1/post/hotpost 获取本站最热（评论最多）文章。

功能清单

一直都没有总结WordPress版微信小程序提供的功能，下面列出的是程序的功能清单:

1.缩略图的方式显示文章列表（首页，分类文章），包括显示文章分类和发布时间，加载分页。

2.在首页用轮播方式显示置顶文章。

3.显示文章分类（专题），包括显示分类的封面图片。

4.显示文章内容页，包括文章站内链接跳转，站外链接复制到剪切板，显示猜你喜欢的相关文章。

5.显示文章评论，提交评论和回复评论，加载评论分页，显示微信用户评论者的头像。