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

实用技术与注意事项"/>

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

文章目录

• • • 为什么要做小睡眠
    • • 技术框架
      • 设计交互
      • 市场推广
    • 微信小程序技术浅析
    • 微信小程序开发资源
    • • 开发框架
      • 工具库
      • UI组件
    • 微信小程序调试实战
    • • 第一步，设置代理
      • 第二步，打开并加载想要查看的微信小程序
      • 第三步，查看 Charles，可以发现微信小程序的安装包
      • 第四步，研究安装包源码
      • 第五步，格式化代码
    • 结语

为什么要做小睡眠

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

技术框架

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

设计交互

不考虑微信好友即时分享的入口，从启动微信开始，要进入小程序页面，至少需要三次点击（微信—发现—小程序），这还不包括进去之后的下拉搜索，而在最开始阶段，微信小程序也并没有开放模糊搜索和星标功能，所以对于小程序交互上的考虑，尽量要做到一键抵达功能，用最快的时间向用户表达自己。以小睡眠为例，微信