/oho-reader

【维护使用中,开箱即食】哦豁阅读器!API源自追书神器,免费使用!填坑完成!使用react全家桶

Primary LanguageJavaScriptMIT LicenseMIT

oho-reader

哦豁阅读器!API源自追书神器,免费使用!目前已初步开发完成!

实现追书神器核心功能,做到小说阅读的极简体验,把每一分流量都用到刀刃上!

Github项目地址:https://github.com/ShanaMaid/oho-reader

欢迎issueprstar or follow!我将继续开源更多有趣的项目

推荐一个之前用Vue全家桶写的 网易云音乐PC端 web版本

在线版

http://www.shanamaid.top:3001/

部分效果截图

3 6

更多效果gif图

oho阅读器优势

oho阅读器 追书神器
收费 免费 部分章节免费,其余收费
广告 绿色无广告 定时刷广告
体积 4MB 16.2MB
章节大小 每章5kb左右 掺杂广告,大于5kb

oho阅读器初次打开时候加载比较慢,一部分原因是服务器带宽较小,另一部分是因为初次需要下载700kb左右的文件,建议初次下载在wifi下进行。初次下载后oho阅读器会自动进行缓存,以后每次打开页面基本是秒开,消耗流量约在1KB不到。

初次打开消耗流量约在700kb左右

初次打开消耗流量约在700kb左右

后续打开消耗流量约在1kb不到

后续打开消耗流量约在1kb不到

同时oho器抛弃所有与小说阅读无关的信息,真正做到极简!保证每一分流量都用到小说内容的阅读上,真正做到每章内容加载所用的流量集中在小说章节内容上,视章节字数而定,一般在5kb左右。

每章流量消耗

每章流量消耗

使用

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/

实现功能

  • 小说搜索
  • 小说详情
  • 小说换源
  • 小说阅读
  • 阅读字体大小变化
  • 阅读背景色变化
  • 阅读设置本地缓存
  • 阅读进度本地缓存
  • 搜索历史本地缓存

下拉首页小说列表可以刷新小说章节列表信息缓存!

目录结构

|
|—— 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中添加下列配置即可

proxy: {
  '/api': {
    target: 'http://api.zhuishushenqi.com/',
    pathRewrite: {'^/api' : '/'},
    changeOrigin: true
  },
  '/chapter': {
    target: 'http://chapter2.zhuishushenqi.com/',
    pathRewrite: {'^/chapter' : '/chapter'},
    changeOrigin: true
  }
}

实际环境中,服务器端配置

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

欢迎issueprstar or follow!我将继续开源更多有趣的项目

你可以在这里打赏我

你的支持将有助于项目维护以及提高用户体验,感谢各位的支持!