• Stars
    star
    569
  • Rank 78,369 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

【停止维护】哦豁阅读器!API源自追书神器,免费使用!填坑完成!使用react

oho-reader

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

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

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

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

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

在线版

http://119.29.159.156: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 dist
node app.js
访问 http://localhost:3001/

Docker: 方便在Docker下部署 Docker-file

感谢@esme518提供

实现功能

  • 小说搜索
  • 小说详情
  • 小说换源
  • 小说阅读
  • 小说分享
  • 阅读字体大小变化
  • 阅读背景色变化
  • 阅读设置本地缓存
  • 阅读进度本地缓存
  • 搜索历史本地缓存
  • 小说章节缓存(100章)-智能删除已阅读章节

每次进入首页自动刷新最新章节列表

目录结构

|
|—— 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提交请发送邮箱: [email protected]

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

你可以在这里打赏我

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

特别鸣谢

感谢@hieixu对本项目的长期跟进,提出了许多issue改进用户体验以及打赏支持

More Repositories

1

vue-163-music

【停止维护】网易云音乐web版,支持PC端常用功能,localStorage保存播放列表
JavaScript
788
star
2

hexo-theme-shana

what's a cool hexo theme!
Stylus
179
star
3

vue-image-scroll

a good vue-image-scroll component!
Vue
77
star
4

terminal-translate

a terminal-translate tool
JavaScript
75
star
5

frontend-guidelines-zh-CN

本文原文是一篇来自Github上@bendc的6,539星的文章,在此声明,原作者保有所有权利,本文仅供技术探讨学习。
65
star
6

websocket-express-webchat

【停止维护】基于websocket的一个简单的聊天室
JavaScript
36
star
7

archer-svgs

异步加载svg解决方案
TypeScript
27
star
8

Astraea

help developer output the typescript interfaces of api by swagger.json or json
TypeScript
16
star
9

wx-2048

微信小程序,还原游戏2048,目前实现部分功能
JavaScript
14
star
10

ShanaMaid.github.io

个人技术博客,欢迎探讨学习
HTML
9
star
11

shaco

a plugin helps render view automatically!
JavaScript
9
star
12

Kurumi

Install npm dependencies that run directly in the browser!Imports source code URLs(it must support UMD)! most of all, It don't affect global variable as same as webpack
TypeScript
8
star
13

JX3Spider

剑网三那些事儿【已废弃】
5
star
14

xhr-proxy-plus

help proxy xhr, the same as axios interceptor
JavaScript
4
star
15

react-use-mobx

React hook for MobX and Mobx React!
TypeScript
4
star
16

fe-project-quanlity

3
star
17

CSDNSpider

PHP
3
star
18

mobx

mobx分享
JavaScript
3
star
19

baidu-tieba-api

api docs about baidu-tieba !
3
star
20

tieba-robot

百度贴吧机器人,自动回帖
PHP
2
star
21

koa-swagger-mock

It's a middleware for swagger-mock!
JavaScript
2
star
22

Git.php

you can use git by php throught this !Git的PHP库
PHP
2
star
23

dependency-parse-plugin

Detect dependencies of each file in modules compiled with Webpack
JavaScript
2
star
24

akua

It can solve your nested if-tree, make it become chainable if!
TypeScript
2
star
25

copy-icon-font

JavaScript
2
star
26

chaos

阅读、音乐趣味app,采用rn开发
Objective-C
1
star
27

oho-reader-RN

哦豁阅读器RN版
Objective-C
1
star