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