uniapp 开发的H5端 APP端小说阅读器

缘起

学习uniapp有一年多，前期做过一个同城项目，后面工作忙，没有继续深入学习。2020年由于疫情的缘故，在家搁置时间过长，期间父亲大人迷上了小说，我就去网上找各种破解版小说APP给他。刚开始还好，看着看着软件强制更新了，就又给他找其他的破解APP，看一段时间又更新了。。。周而复始，后来就想为什么不自己弄一个呢，于是就有了今天这个项目。

主要功能

我主张一切从简，小说阅读器的主要功能：能看，能搜。无论是三岁小孩，还是八十老妪，打开就能懂如何使用。

界面设计

业余前端，不追求页面的极致，能看就行。

1. 主页

1. 分类页

1. 书籍详情页

1. 书籍阅读页

1. 书架页

1. 我的页

我的页没有实质性功能，没有登录操作。

制作期间去uniapp的插件市场观摩了其他大佬做的小说阅读器，本来是不想重复造轮子的，使用过程中发现了一些BUG，我无法解决，后来不得不自己造轮子了。

程序开发

鉴于自己都是前端小白，努力做到页面结构划分清晰，让人看着不乱，能自己扩展。所以组件我选用了官方组件，css纯手写。
页面内部js也有注释说明，能详尽详。

结语

经过半个月的努力，一套属于我自己的小说阅读器诞生了，uniapp可以打包成H5和APP。我自己买了个服务器，部署了H5端，运行了一段时间，自我感觉还好。1M的带宽，后台还要抓小说，正式站点就不放出来了。怕崩。

疑问:小说从哪里来？

百度 免费小说 会出来一堆网站，自己选一个反应快的界面不乱的广告少的网站进行抓取。
怎么抓取？

1. 打包成APP的，可以参考uniapp插件里头的仔仔小说阅读器，直接前端抓取。
2. 打包成H5形式的，有跨域问题，不能在前端抓取，需要有自己的后台进行抓。如果你会JAVA就用Java抓，会python就用python抓。 抓取技术Java我用的jsoup，会jquery就能分析出来界面结构。

采集之后的小说可以保存到自己的数据库中，这样页面基本是秒加载的。当然你可以不保存到库，页面打开的时候后台动态抓取，动态返回文章内容章节内容等。这样是做的一点好处就是：后台不用跑自动任务去更新小说章节；缺点：就是有点慢。目前我采用的是动态采集，孰优孰劣，自己取舍。

源码地址

开源中国： https://gitee.com/aper/iread/