睡眠故事

睡前讲一些舒缓的故事，帮助你进入深度自然睡眠。

挑选生日礼物一直都是个难题，经历过送口红、项链、包包…，还有啥新意呢？

考虑到女友有失眠的症状，于是决定自己做一个助眠的APP，最终选定使用微信小程序进行开发。

经历、解决过各种问题后，阶段性成果如下。

1. 功能介绍

基本功能

• 音乐功能

  • 适合睡前听的音乐，安心入眠。
  • 音频来源于 网易云音乐 API。
  • 使用云函数二次封装网易云音乐API接口，方便调用。
  • 效果待优化。

• 故事功能

  • 适合女朋友听的睡前故事。
  • 故事来源于 情侣故事网。
  • 使用云函数进行数据爬取、转换，保存数据到云开发数据库。
  • 使用讯飞转换音频，存放到到服务器上（后期准备上传到七牛云）。
  • 效果待优化。

• 我的

  • 收藏喜欢的音乐或者故事
  • 正在开发中…

• 其他功能正在构思中。

界面样式

UI 样式来源于 UI STORE DESIGN。

2. 技术栈

• 微信云开发。

  • 首页骨架屏渲染；

  • 自定义通用头部导航栏（基于插槽实现）；

  • 自定义 store，类似于 vuex（暂未实现 modules 用法）；

  • 自定义 forEach 异步迭代函数；

  • 代理 Page 对象，代理 setData 函数；

  • 巧妙跳过微信审核的版本控制方法（version）；

  • 云函数爬虫 axios + cheerio + db ；

  • 云开发 数据库操作；

• Koa。
  • 封装阿里语音，讯飞语音工具；
  • 语音合成（TTS），支持 wav、mp3、pcm 格式合成；
• jsdoc 通用注释

3. 项目截图

4. 项目体验