UNIAPP H5端 APP端小說閱讀器

緣起

學習uniapp有一年多，前期做過一個同城項目，后面工作忙，沒有繼續深入學習。2020年由于疫情的緣故，在家擱置時間過長，期間父親大人迷上了小說，我就去網上找各種破解版小說APP給他。剛開始還好，看著看著軟件強制更新了，就又給他找其他的破解APP，看一段時間又更新了。。。周而復始，后來就想為什么不自己弄一個呢，于是就有了今天這個項目。

主要功能

我主張一切從簡，小說閱讀器的主要功能：能看，能搜。無論是三歲小孩，還是八十老嫗，打開就能懂如何使用。

界面設計

業余前端，不追求頁面的極致，能看就行。

主頁

分類頁

書籍詳情頁

書籍閱讀頁

書架頁

我的頁

我的頁沒有實質性功能，沒有登錄操作。

制作期間去uniapp的插件市場觀摩了其他大佬做的小說閱讀器，本來是不想重復造輪子的，使用過程中發現了一些BUG，我無法解決，后來不得不自己造輪子了。

程序開發

鑒于自己都是前端小白，努力做到頁面結構劃分清晰，讓人看著不亂，能自己擴展。所以組件我選用了官方組件，css純手寫。



頁面內部js也有注釋說明，能詳盡詳。

API接口說明

頁面都是異步請求加載數據的，下面列出所有界面需要的接口。

首頁

獲取分類小說總數接口

getcategorycount

返回示例

{"msg":"操作成功","code":200,"cclist":[{"count":42,"category":"其他小說"},{"count":345,"category":"歷史軍事"},{"count":160,"category":"女生頻道"},{"count":53,"category":"武俠仙俠"},{"count":391,"category":"游戲競技"},{"count":14,"category":"玄幻奇幻"},{"count":210,"category":"科幻靈異"},{"count":102,"category":"都市言情"}]}

搜索接口

searchBook

返回示例

{"msg":"操作成功","booklist":[{"create_time":"2020-05-10 10:40:55","fiction_url":"ww.abc.com","author":"糖衣古典","description":"……","id":1252,"title":"盜墓者傳奇：月夜鬼吹燈","f_type":"科幻靈異","book_img":"24340.jpg","f_status":"連載中"}],"code":200}

小說分類頁接口

獲取某分類下有多少本小說

getbooklist

返回示例

{"msg":"操作成功","code":200,"totalpages":1,"bookList":[{"id":1360,"title":"詭秘之主","author":"愛潛水的烏賊","description":"明依舊照耀，神秘從未遠離，這是一段“愚者”的傳說。","updateTime":null,"createTime":"2020-05-11 11:00:18","wordNumber":null,"bookImg":"1949.gif","fictionUrl":"https://www.abcw.com/index.html","fstatus":"連載中","ftype":"玄幻奇幻"}]}

書籍詳情頁接口

獲取書籍詳情

getbookinfo?fictionid=1351

{"msg":"操作成功","code":200,"bookData":{"id":1351,"title":"三國美人志","author":"最后的茄子","description":"書籍描述","updateTime":null,"createTime":"2020-05-10 17:05:15","wordNumber":null,"bookImg":"woshitupian","fictionUrl":"www.xsddss.com","fstatus":"已完結","ftype":"游戲競技"}}

獲取章節目錄

getchapterlist

{"msg":"操作成功","code":200,"chapterlist":[{"id":null,"fictionId":null,"chapterTitle":"第一章 穿越成陶松","content":null,"createDate":null,"chapterUrl":"www.xxx.com","corder":1}]

讀書詳情頁接口

getcontent

{"msg":"操作成功","code":200,"content":"我是內容"}

以上是運行項目所需要的API接口，各位讀者可根據自己的語言的特性，開發相關的API接口。

結語

經過半個月的努力，一套屬于我自己的小說閱讀器誕生了，uniapp可以打包成H5和APP。我自己買了個服務器，部署了H5端，運行了一段時間，自我感覺還好。1M的帶寬，有點慢，大家體驗一下。

疑問:小說從哪里來？

百度 免費小說 會出來一堆網站，自己選一個反應快的界面不亂的廣告少的網站進行抓取。
怎么抓取？

打包成APP的，可以參考uniapp插件里頭的仔仔小說閱讀器，直接前端抓取。

打包成H5形式的，有跨域問題，不能在前端抓取，需要有自己的后臺進行抓。如果你會JAVA就用Java抓，會phython就用phython抓。 抓取技術Java我用的jsoup，會jquery就能分析出來界面結構。

采集之后的小說可以保存到自己的數據庫中，這樣頁面基本是秒加載的。當然你可以不保存到庫，頁面打開的時候后臺動態抓取，動態返回文章內容章節內容等。這樣是做的一點好處就是：后臺不用跑自動任務去更新小說章節；缺點：就是有點慢。目前我采用的是動態采集，孰優孰劣，自己取舍。

源碼地址

開源中國： https://gitee.com/aper/iread/

總結

以上是生活随笔為你收集整理的UNIAPP 小说采集阅读器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。