从《小睡眠》谈微信小程序开发的实用技术与注意事项

为什么要做小睡眠

自去年开始，小程序在移动互联网圈，是暗潮汹涌的存在，总在某个时刻，一个内测版就刷爆朋友圈。我们团队真正萌生做小睡眠小程序的想法，是在今年元旦过后，属于很后知后觉。毕竟在创业阶段，对于开发资源的分配很慎重，最终小睡眠小程序是由一个设计师和一个程序员负责，从敲定名字到完成提交，总共耗时36个小时。下面列出几点在开发小程序上的思考，分享给大家，或许有些帮助。

技术框架

初期阶段，小程序的开发框架比较弱，特别是针对音乐类的，很多功能无法实现，比如支持多音频播放和无缝衔接等。如果是 App 的话，往往多想想办法是可以解决的，例如 Android 的 WebView 自带的音频播放器无法进行音频的无缝播放，但是接入 Google 的扩展播放器 ExoPlayer 就可以解决这个问题。所以大家在设计小程序的功能框架时，不能简单照搬 App 的功能或者想当然地做减法，需要仔细评估小程序的技术支持程度。

设计交互

不考虑微信好友即时分享的入口，从启动微信开始，要进入小程序页面，至少需要三次点击（微信—发现—小程序），这还不包括进去之后的下拉搜索，而在最开始阶段，微信小程序也并没有开放模糊搜索和星标功能，所以对于小程序交互上的考虑，尽量要做到一键抵达功能，用最快的时间向用户表达自己。以小睡眠为例，微信授权登陆是我们最先舍弃的功能，而且我们也是在最后时刻进行删减，把两个页面变成一个页面，所以它的学习成本极低，几乎点到哪里都会有声音播放出来，目前小睡眠竟然有8%的用户是50岁以上的老人，算得上是全民小程序。

市场推广

毕竟是微信内部功能，分享是绕不过的需求。我们当时做了一件事情，把几十个白噪音和脑波进行颜色上的分类，并根据声音的种类和特性，以及听觉和认知给人的第一印象，比如“潮拍海岸”是蓝色，“红泥小炉”是红的，我们选出了五种很好看的颜色，后面在微信群分享的时候，小睡眠的分享界面骚气十足，很好看也抢眼球，吸引了很多人关注。所以说小程序天然带有推广属性，特别是目前微信也计划增加一个新入口，用户可以在群设置页看到“群小程序”，也就是最近群成员分享过的小程序，大家也可以在这方面多加思考。

微信小程序技术浅析

小程序初期，网络上能供参考的学习资源并不多，于是只能紧抱官方文档。翻看官方文档后，发现小程序虽然定义了一套新的开发框架、语言，但实际上与传统的前端开发技术非常相似（因为本质上是寄托于 WebView，基于 Web 开发技术）。而 WXML 相当于 HTML，WXSS 相当于 CSS，脚本代码均是 JavaScript，也正是前端一直以来的网页开发三剑客。所以，对于前端程序员来说，学习曲