2017年8月12日WordPress版微信小程序2.2.0版通过了微信的审核正式发布,此版本的更新以完善功能为主。主要更新的功能是:站内链接,猜你喜欢,热点文章。
WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net
了解程序的开发历程及开发技术,建议看看相关版本的更新文章:
4.利用WordPress REST API 开发微信小程序从入门到放弃
以下详细记录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 插件的配套功能。
微信扫描下方的二维码阅读本文
历史上的今天所写的文章
2008: 悲情埃蒙斯 (1 Comments)
☺ง
🙂
WordPress还可以这么玩,cool
🙂
顶
这个词很久没人用过了
支持emoji表情么?
目前不行
66666
哪里6呢?
非常不错
谢谢
啊
?
测试
请发有意义的评论
?
哈哈哈
大神,请问有表单功能吗?
大神,能不能把内链功能,写个教程,我们小白可以自己改一下。找了半天,也不知道在哪儿改!
内链其实无需单独设置,是程序来判断的,不过目前还不够完善,等我进一步完善吧
感谢博主,另外提个建议,建议贵站设置一下邮箱提醒功能,我回复本文,你回复我的时候,没有提醒,时间一长就忘了。如果有邮件提醒就好了!wordpress很简单的设置一下,就OK了
我怕我的邮件被过滤成垃圾邮件,被google封杀。:-)
可以专门开个企邮
谢谢大佬
客气了。
博主厉害
期待加入客服 留言 个人中心
这样就强大了
微信小程序本身就提供客服功能,放一个按钮就可以了。
功能很强大!!!
欢迎多提建议和意见
不错??
厉害
真好
厉害?
牛
顶!!!!
评论提示授权循环。
我查一下原因
test
大神,伪静态必须要 id 形式吗,我的/%category%/%postname%.html形式可以吗?
可以
功能齐全了
我的内链貌似用不了!也是html的结尾,是我用的伪静态的原因吗?
内链还需要优化,目前只适用我自己网站的固定链接。
嗯!多谢博主无私奉献!期待分享更多功能!
客气了。多提建议。
太棒了!
大牛就是大牛?
360手机非常正常
好像点赞的反应有点慢。。
确实有点。
666?
赞了不会变色
都是圆的,360手机。
666
好看一些了
哎哟,不错哦!
挺不错的!
谢谢
很棒
谢谢!
不错
不错啊
牛逼哄哄的啊
是的
不牛,只是很简单的程序。
非常感谢你分享的代码!
有个问题,针对微信评论这一部分,需要对对W
好用就多提建议。
这个不错
🙂
好
好棒
不错!值得学习
多交流
很不错!
谢谢。
哈哈
大赞666? ? ? ? ? ? ? ? �
作者如果能实现小程序和wp点击计数同步就更好了,现在小程序点
这个实现不复杂,下一步我将会实现这个功能。
这个功能目前已经在最新体验版实现了,你可以试试。
请问下博主这个功能需要除了wp统计插件外,还需要其
不错不错
内容页加速非常明显,相对首页快了不少
辛苦
太赞了。能实现站内链接跳转,方便了很多,能实现很多东西
谢谢!