WordPress版微信小程序2.6版发布

WordPress版微信小程序的完善和升级的工做一直都在进行中,我争取保证一个月能够出一个版本,但愿经过一点点的改进,让这个开源产品日趋完美。git

winxinapp-wordpress-watch-life-new-700.jpg

同时,pro版WordPress微信小程序也在紧锣密鼓的开发中,这个过程有些反复,如何在性能和功能上优于当前的开源版本?是我一直想解决的问题。pro版本包括什么功能,如今尚未彻底肯定,但愿pro版本出来后,不会让你们失望。github

固然当前的开源版本也还有不少地方值得去优化,了解程序的开发历程及开发技术,建议看看相关更新文章和安装文档:小程序

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版微信小程序安装使用说明微信小程序

开源下载地址
https://github.com/iamxjb/win...
若是由于某些缘由github没法访问,能够选择如下镜像地址:
1.https://git.oschina.net/iamxj...
2.https://code.aliyun.com/iamxj...
3.https://coding.net/u/xjb/p/wi...
4.https://gitlab.com/xiajianbo/...微信

WordPress版微信小程序2.6版较上一个版本改动并非很大,除了修复一些bug外,主要的调整是如下几个方面:app

1.增长模板消息功能,回复文章评论(回复),发送模板消息给评论者
2.优化文章评论和回复的显示
3.优化评论和回复提交功能
4.首页导航wordpress

1.回复评论发送模板消息
尽管微信官方一直宣称小程序是用完即走,可是做为每一个小程序的开发者来讲,如何留住用户倒是小程序开发者心里一直的追求。如今小程序这么多,在小程序的历史列表里可以被标星的小程序毕竟是少数,大多的小程序会慢慢消失在小程序的历史列表中,其中不乏优秀的小程序,如何让小程序的使用者再次使用,模板消息是个不错的选择。诸如拼多多这样大牌的小程序都要靠发垃圾的模板消息,来拉回头客。工具

微信小程序的模板消息分两种:gitlab

一、支付后发送模板消息。这个功能在上一个版本2.4版已经实现,不过支付应用的场景很少,并且很多开发者注册的是我的小程序,没法开通支付。这样就没法应用到这个模板消息了。性能

二、提交表单后七天内发送一次模板消息。这个功能最合适的应用场景就是WordPress小程序的回复评论功能。为了不滥用,微信小程序限定发送这类模板消息只能在用户提交表单后七日内发送一次,过时,超过一次,都没法发送。

在2.6版本中,我加入了回复评论发送模板消息的功能。若是须要使用这个功能,须要作以下配置:

  1. 在微信小程序管理后台配置模板消息的模版,模版格式以下:

muban-768x316.png

二、在微信小程序源代码中的config.js(在untils目录里)模板消息的模板id

mubanconfig.png

提示:因为发送模板消息须要formId,所以只有对更新版本后发出的评论进行回复后才会发出模板消息,更新前的评论是没有提交formId,因此是没法发消息的。对于评论的回复只能发送一次消息,若是评论超过7天,就没法发消息了。

收到的模板消息以下:

message-768x582.png

这个功能能够比较方便实现客户留存,但愿你不要滥用这个功能,那天被微信封号了,别来找我。

注意:模板消息只能在手机上测试,在开发工具上是没法获取formId,从而没法发送消息。

2.优化文章评论和回复的显示
评论和回复的显示,调整过不少次,我都不是很满意,对于上一个版本中嵌套显示,感受有一些太占用空间了,手机屏幕原本就小,若是评论和回复拖老长,估计没什么人有耐心看。这次调整,放弃了嵌套的显示模式,把全部的评论的回复都放在当前评论的下面,给予平等的显示,这样看起来比较清晰。

comment-576x1024.jpg

3.优化评论和回复提交功能
因为评论和回复共用一个输入框,为了区分评论和回复,在之前的版本是采用“@”的方式表示是回复,不过这种方式若是删除了“@”等字符,就没法区分是评论仍是回复了。在这次的修改中,参考了微信朋友圈的评论模式。点击评论(或回复)的内容时,触发回复,会在评论框显示“回复某某:”字样的占位符,输入内容后提交,就是回复的内容,若是文本框没有输入又失去焦点(即放弃回复输入),则评论框恢复原状即评论状态,此时若是输入内容,发出的就是评论。

4.首页显示导航
小程序首页的打开率是最高的,我以为若是从首页导航到关键内容,能够提升页面的打开率;同时之前的版本中,tab标签已经使用5个,再也没法放tab标签了,所以这次版本更新,我在首页放置了导航的图标,开发者能够把本身以为重要的内容或功能放到首页,你能够充分利用这个导航,若是你以为能够甚至能够把全部分类也放到这里来导航,避免经过”专题”进去路径太深的问题。

home-577x1024.jpg

首页导航配置详见config.js:

//首页图标导航//参数说明:’name’为名称,’image’为图标路径,’redirectlink’为跳转的页面,’redirecttype’为跳转的类型,page为本小程序的页面,app为其余微信小程序// ‘appid’ 当redirecttype为app时,这个值为其余微信小程序的appid,若是redirecttype为page时,这个值设置为空。var INDEXNAV = [{ id: ‘1’, name: ‘微店’, image: ‘../../images/shop.png’, redirectlink: ‘pages/shelf/shelf’, redirecttype: ‘app’, appid:’wx55ea6098e41af5c4′ },{ id: ‘2’, name: ‘优秀’, image: ‘../../images/youxiu.png’, redirectlink: ‘../applist/applist’, redirecttype: ‘page’, appid: ”},{ id: ‘3’, name: ‘专题’, image: ‘../../images/tar-topic.png’, redirectlink: ‘../topic/topic’, redirecttype: ‘page’, appid: ”},{ id: ‘4’, name: ‘推荐’, image: ‘../../images/tuijian.png’, redirectlink: ‘../recommend/recommend’, redirecttype: ‘page’, appid: ” }]

相关文章
相关标签/搜索