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版小程序更多专业资讯

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171221A03BRM00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券