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.显示文章评论,提交评论和回复评论,加载评论分页,显示微信用户评论者的头像。
6.显示热点文章。
7.显示wordpress“页面”类文字(关于页面)。
8.对文章内容的全文搜索。
9.小程序页面的分享和转发。
10.WordPress 插件的配套功能。
本文首发链接:https://www.watch-life.net/wordpress/wordpress-weixin-2-2-0.html
更多文章见网站:https://www.watch-life.net
Steemit 中文版块: https://steemit.com/hot/cn
software guy
I remember WP since 2008. It was good then and it's still g now
thanks for sharing keep it up
Congratulations @xjb!
Your post was mentioned in the hit parade in the following category: