WordPress版微信小程序2.6版发布

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

开源下载地址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

1.增加模板消息功能，回复文章评论（回复），发送模板消息给评论者

2.优化文章评论和回复的显示

3.优化评论和回复提交功能

4.首页导航

1.回复评论发送模板消息

尽管微信官方一直宣称小程序是用完即走，但是作为每个小程序的开发者来说，如何留住用户却是小程序开发者内心一直的追求。现在小程序这么多，在小程序的历史列表里能够被标星的小程序毕竟是少数，大多的小程序会慢慢消失在小程序的历史列表中，其中不乏优秀的小程序，如何让小程序的使用者再次使用，模板消息是个不错的选择。诸如拼多多这样大牌的小程序都要靠发垃圾的模板消息，来拉回头客。

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

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

在2.6版本中，我加入了回复评论发送模板消息的功能。如果需要使用这个功能，需要做如下配置：

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

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

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

收到的模板消息如下：

这个功能可以比较方便实现客户留存，希望你不要滥用这个功能，那天被微信封号了，别来找我。

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

2.优化文章评论和回复的显示

评论和回复的显示，调整过很多次，我都不是很满意，对于上一个版本中嵌套显示，感觉有一些太占用空间了，手机屏幕本来就小，如果评论和回复拖老长，估计没什么人有耐心看。此次调整，放弃了嵌套的显示模式，把所有的评论的回复都放在当前评论的下面，给予平等的显示，这样看起来比较清晰。

3.优化评论和回复提交功能

由于评论和回复共用一个输入框，为了区分评论和回复，在以前的版本是采用“@***”的方式表示是回复，不过这种方式如果删除了“@***”等字符，就无法区分是评论还是回复了。在此次的修改中，参考了微信朋友圈的评论模式。点击评论（或回复）的内容时，触发回复，会在评论框显示“回复某某：”字样的占位符，输入内容后提交，就是回复的内容，如果文本框没有输入又失去焦点（即放弃回复输入），则评论框恢复原状即评论状态，此时如果输入内容，发出的就是评论。

4.首页显示导航

小程序首页的打开率是最高的，我觉得如果从首页导航到关键内容，可以提高页面的打开率；同时以前的版本中，tab标签已经使用5个，再也无法放tab标签了，因此此次版本更新，我在首页放置了导航的图标，开发者可以把自己觉得重要的内容或功能放到首页，你可以充分利用这个导航，如果你觉得可以甚至可以把所有分类也放到这里来导航，避免通过”专题”进去路径太深的问题。

首页导航配置详见:

//首页图标导航

//参数说明：’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: ” }

]

“守望轩”网站小程序在知识星球获取wordpress版小程序更多专业资讯