共计 644 个字符，预计需要花费 2 分钟才能阅读完成。
PWA 项目实战分享 – BookPlayer 每天听本书 App
因为自己有个需求，特别的痒，昼夜难免。第二天就开始起手做这个项目，利用业余时间，大概持续了 10 天时间（因为边学边做），从设计到数据（包括解析物理文件）到前端。总于把我想要的效果做出来了。因为数据涉及到版权问题，所以只搞了部分数据来做演示，哈哈。
效果演示
传送门
项目地址
传送门
Android App 下载
该项目实现了：
播放器功能
倍速播放
连续播放
播放列表
…
听书
排序
分月 / 区间浏览
已读变灰色
查看大图
解析 xmind 文件为树结构文本
书籍的搜索
历史记录
课程
和听书类似
没有 xmind 只有图片文稿
App
PWA 集成
可借助 Lavas 生成 Android App
…
技术栈
vue + vuex + vue-router + vue cli3 + LeanCloud + PWA（可以借助 Lavas 生成 AndroidApp）+ 腾讯云对象存储
项目运行
git clone https://github.com/worklinwu/BookPlayer.git
cd BookPlayer
npm i 或 yarn
npm run dev
LeanCloud 配置
先注册 LeanCloud 账号
创建应用，命名为 BookPlayer, 或者自己喜欢的
进入应用后，在存储的创建 Class 旁边有个加号，点击选择数据导入
把目录下的 json 文件导入
查看侧边栏的设置 -> 应用 key，复制替换掉该项目的 .env 的 VUE_APP_LEANCLOUD_APP_ID 和 VUE_APP_LEANCLOUD_APP_KEY
重启项目，看看效果吧