react仿追书神器——哦豁阅读器
前言
都知道追书神器从某个版本开始就不支持换源了,开始实行收费制度,虽然老版追书神器依然可以使用,但是指不定那天就挂掉了。再加上最近想熟悉一下react
,所以本项目哦豁阅读器
就诞生了。http://blog.shanamaid.top/
Github项目地址:https://github.com/ShanaMaid/oho-reader
欢迎issue
,pr
,star
or follow
!我将继续开源更多有趣的项目
推荐一个之前用Vue全家桶写的 网易云音乐PC端 web版本
哦豁阅读器(oho-reader)介绍
哦豁阅读器!API源自追书神器,免费使用!
实现追书神器核心功能,做到小说阅读的极简体验,把每一分流量都用到刀刃上!
在线版:http://www.shanamaid.top:3001
服务器带宽较小,初次加载比较慢,请谅解!建议clone
到本地进行体验!
Github项目地址:https://github.com/ShanaMaid/oho-reader
Oho阅读器的优势
oho阅读器 | 追书神器 | |
---|---|---|
收费 | 免费 | 部分章节免费,其余收费 |
广告 | 绿色无广告 | 定时刷广告 |
体积 | 4MB | 16.2MB |
章节大小 | 每章5kb左右 | 掺杂广告,大于5kb |
oho阅读器初次打开时候加载比较慢,一部分原因是服务器带宽较小,另一部分是因为初次需要下载700kb
左右的文件,建议初次下载在wifi下进行。初次下载后oho阅读器会自动进行缓存,以后每次打开页面基本是秒开,消耗流量约在1KB
不到。
初次打开消耗流量约在700kb左右
后续打开消耗流量约在1kb不到
同时oho器抛弃所有与小说阅读无关的信息,真正做到极简!保证每一分流量都用到小说内容的阅读上,真正做到每章内容加载所用的流量集中在小说章节内容上,视章节字数而定,一般在5kb
左右。
每章流量消耗
oho阅读器目前由于服务器配置、带宽过小原因暂不支持章节内容缓存。
效果Gif图
实现功能
- 小说搜索
- 小说详情
- 小说换源
- 小说阅读
- 阅读字体大小变化
- 阅读背景色变化
- 阅读设置本地缓存
- 阅读进度本地缓存
- 搜索历史本地缓存
使用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
git clone https://github.com/ShanaMaid/oho-reader.git
cd oho-reader
npm install
# 开发环境
npm run serve
访问 http://localhost:8080/
# 打包
npm run dist
# 实际环境
cd server
node app.js
访问 http://localhost:3001/
|
目录结构
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
|
|—— api 追书神器API说明
|—— cfg webpack配置
|—— dist 服务端
| |—— app.js 服务端启动入口文件
| |—— assets 打包后的资源文件
| |—— static 静态资源
| |__ index.html 网页入口
|
|——src 资源文件
| |—— images 图片资源
| |—— components 组件库
| |—— method 一些自定义方法,目前是过滤器
| |—— filters 自定义过滤器
| |—— redux
| | |—— action
| | |—— reducer
| | |__ store
| |—— router 路由管理
| |—— styles 样式文件
| |__ index.jsx 入口
|_________________________________________________
|
一些注意事项
项目中使用追书神器的接口,需要使用http-proxy-middleware
进行转发,开发环境下需要在cfg/base.js
中的dev
中添加下列配置即可
1
2
3
4
5
6
7
8
9
10
11
12
|
proxy: {
'/api': {
target: 'http://api.zhuishushenqi.com/',
pathRewrite: {'^/api' : '/'},
changeOrigin: true
},
'/chapter': {
target: 'http://chapter2.zhuishushenqi.com/',
pathRewrite: {'^/chapter' : '/chapter'},
changeOrigin: true
}
}
|
实际环境中,服务器端配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
var express = require('express');
var proxy = require('http-proxy-middleware');
var app = express();
app.use('/static', express.static('static'));
app.use('/assets', express.static('assets'));
app.use('/api', proxy({
target: 'http://api.zhuishushenqi.com/',
pathRewrite: {'^/api' : '/'},
changeOrigin: true
}
));
app.use('/chapter', proxy({
target: 'http://chapter2.zhuishushenqi.com/',
pathRewrite: {'^/chapter' : '/chapter'},
changeOrigin: true
}
));
app.get('/*', function (req, res) {
res.sendFile(__dirname + '/index.html');
});
app.listen(3001);
|
支持
BUG提交请发送邮箱: uestczeng@gmail.com
Github项目地址:https://github.com/ShanaMaid/oho-reader
欢迎issue
,pr
,star
or follow
!我将继续开源更多有趣的项目
你的支持将有助于项目维护以及提高用户体验,感谢各位的支持!
后续计划
过段时间计划把oho-reader
迁移到react-native
,具体时间可能要看什么时候有空了。
总结
最近粗略使用了一下vue
与react
,大致感觉就是前者是在html
里面写js
,后者是在js
里面写html
,就目前来看两者现在基本上是势均力敌、各有千秋,未来的具体走向如何谁都说不准,当然这是我的个人见解。如果你有什么好的建议或者说值得探讨的话题,可以在下方留言。
react仿追书神器——哦豁阅读器相关推荐
- vue仿追书神器,vue小说项目源码 1
vue-reader 一点阅读器!API源自追书神器,免费使用!目前已初步开发完成! Github项目地址:https://github.com/AntonySufer/vue-readle 欢迎is ...
- React+Redux仿Web追书神器
引言 由于 10 月份做的 React Native 项目没有使用到 Redux 等库,写了一段时间想深入学习 React,有个想法想做个 demo 练手下,那时候其实还没想好要做哪一个类型的,也看了 ...
- Android小说阅读器,追书神器API接口
追书神器API接口 注:(所有的接口都是Get请求) 所有地址前要加上 api.zhuishushenqi.com 1. 获取所有分类 类型 值 接口地址 /cats/lv2/statistics ...
- 开源阅读书源_安卓开源无广告追书神器阅读App
身边很多朋友都喜欢在无聊的时候用手机看小说,非常便携,又可以打发时间.但普遍的痛点就是没有一款舒适的app,要么文件过大,要么广告太多,非常影响观感,导致好多经典的武林绝学也无心修炼.那么今天我给大家 ...
- 安卓打包工具_【安卓+ios】追书神器爱阅书香182个书源配置更新~~
回复公众号后台留言, 很多大兄弟要求推荐看小说的软件. 既然需求,那就满足你们 182个书源已经打包好. iOS端 iOS端的爱阅书香很久前就推荐过. 一个完全免费的小说阅读器,完全免费,自定义导入书 ...
- 安卓追书神器1.3.7(清爽版)
软件简介: 追书神器,专注免费阅读小说的追新更神器 .全网小说光速追更提醒,全站免费阅读无广告,多维推荐送好书,更有集吐槽书评交友等多位一体的高能社区,超好用的网文小说电子书追更神器! 软件截图: 下 ...
- 追书神器 三星s8+ 语音朗读锁屏后中断问题解决办法
1. 综述: 本人喜欢用追书神器听书, 使用的免费版,遇到问题是: 使用追书神器语音朗读, 屏幕亮着时没问题,锁屏也没问题,但是屏幕暗下后隔段时间,语音就停了, 按亮屏幕,不用解锁朗读声又响起了,为了 ...
- 宅家神器—epub阅读器
宅家神器-epub阅读器 眨眼间寒假已经过了一半,想必大家宅在家也是有些许无聊.所以不要再让你的书单压箱底了.趁着这个超长假期还没过完,翻一翻曾经只翻过几页的书,看一看之前还没来得及看的小说. 不用担 ...
- 看书软件哪个好?看连载神器、追书神器、笔趣阁的评测就知道了
看书软件哪个好?看连载神器.追书神器.笔趣阁的评测就知道了你还在为不能在手机上免费看小说而烦恼吗? 你还在为搜索不到你想要看的小说而郁闷吗? 那么今天你就享福了! 今天为大家分享3个可以免费观看小说的 ...
- 我用几行Java代码撸了一个追书神器,真的是技术改变生活!老同学:艾玛真香!
大家好,我是Spring小杨,一个有梦想的Java司机. 前不久,有个老同学找到我,问有没有什么靠谱的追书神器? 我想着这玩意无非用爬虫,但是还是得尽量低调,不然牢底坐穿! 正版网站的资源很难爬下来的 ...
最新文章
- NLP命名实体识别NER数据准备及模型训练实例
- jittor 和pytorch的生成网络对比之aae
- DeepMind丢掉了归一化,让图像识别训练速度提升了8.7倍 | 已开源
- 【年终总结】2021年有三AI做了什么,2022年我们要做什么?
- 喝清凉茶,吃绿豆汤看绿色奥运[我写绿色IT]
- ElasticSearch各种查询对象Query的使用
- 面向对象之: 反射和双下方法
- 阿里云张献涛:一切从场景出发,实现计算的全场景覆盖
- 语义分割和实例分割以及目标检测的区别(转)
- 移动端页面字体在微信被放大,导致排版错乱
- hadoopsdk使用_hadoop部署使用问题及解决
- 【Gradle】配置详解(持续更正补充)
- tmpfs 文件系统介绍
- CVE-2021-20226:详解 Linux 内核 IO_URING 子系统中的引用计数漏洞
- centos mysql proxy_CentOS7搭建MysqlProxy实现读写分离
- OCS UCCA 开发笔记(Unified Communications Client API)
- mysql数据库多表查询实例
- c语言专家编程,读书笔记
- wireshark如何抓取本机包
- 30、【backtrader股票策略】《151 trading strategies》中的支撑与阻力策略(support and resistance)