一个基于React-Native的 Bangumi 第三方客户端
项目对标 web, 本人并没有原生开发经验, 用于练手 RN, 安卓和 iOS 都做了兼容, 并最大限度保持一致
目前已开发不少于 70 个页面, 几乎涵盖源网站所有页面
Bangumi 是用于管理追番进度（不限于动漫、音乐、日剧、AVG）, 发现和讨论番组的第三方客户端
本人并没有原生开发经验, 用于练手 RN, 希望通过这个平台数据去学习更多
苹果开发者账号已过期, 期间没能过审, 有缘再送审. TestFlight | Expo 试用方法 | Expo 主页
[特有功能]
- 大部分资源覆盖到自维护 CDN, 访问速度++
- 图片使用 CDN, 有后处理, 比源网站更快、质量更高、流量更小
- 当季番剧精准到单集网络播放源 / 漫画源查询 / 找番剧 / 文库
- 小圣杯 (角色交易空气游戏, App 独立设计 UI 和交互)
[基本功能]
- 番组进度管理
- 条目、角色详情
- 时间线 (用户动态)
- 超展开 (帖吧)
- 时光机 (个人中心) / 用户空间
- 不限于搜索 / 排行榜 / 索引 / 目录 / 每日放送 / 年鉴 / 标签
v4.6.4 - 2021/01/30
—— 优化 ——
- 优化了启动后的流畅度
- [首页进度] 优化 APP 启动时渲染的条目数量, 加速滑动响应
- [帖子] APP 内很多元素左右分布的 UI, 都会把元素调整到左边, 浏览更舒服
- [私信] 打字的工具条增加图床入口
- [索引] 添加方格布局, 和向前/后一个月的按钮
- [排行榜] 切换筛选条件时列表不会再闪一下
- 右上角 type UI 迭代
—— 修复 ——
- [安卓] 修复了安卓设备黑暗模式, 页面切换的时候, 掉帧时右侧会出现白色的问题
- [搜索] 修复查询人物失败的问题
- [PM] UI 迭代, 与吐槽页一致
- 游客访问敏感图片, 使用默认图片
[bangumi-subject] 条目快照 CDN
[bangumi-oss] 热门条目封面和活跃用户头像对象存储 CDN
[bangumi-rakuen] 帖子快照 CDN
[bangumi-mono] 人物快照 CDN
[bangumi-static] 发现数据快照 CDN
[bangumi-onair] ekibun 的单集播放数据源
[bangumi-mosaic-tile] weizhenye 的用户统计瓷砖库
[bangumi-data] 番组数据索引
[bangumi-api] 官方接口
(被墙看不见图的可以复制 alt 打开)
现版本基本用户需要的功能已齐全, 接下来会使用友盟收集到的埋点数据(匿名), 尝试学习数据分析, 根据结果计划后续版本迭代的方向.
[bangumi-analysis] 脱敏埋点数据
目前进程, 根据本 APP 最核心的页面 (条目), 先进行整合数据并进行简单的可视化模块搭建, 以下根据最近 30 天埋点数据情况, 显示平均一天事件触发次数和百分比
可以一眼了解到哪些功能需求强, 可以进行迭代, 也能明确哪些功能需求偏低, 适当进行隐藏或者移除. 发现存在 0 数据的事件, 可以考虑是不是埋点写法出了问题.
- 本项目所有数据信息均来自各种网站，不提供任何形式的媒体下载、直接播放和修改功能
- 本项目承诺不保存任何第三方用户信息
- 本项目代码仅供学习交流，不得用于商业用途，若侵权请联系
** 提醒 **
最近项目使用的 Expo SDK 因官方问题, 现最新版本想在电脑上面跑起来需要手动修改包. 你可以 fork 完后切换到 tag v4.0.0 的版本进行尝试跑起来
** 下载 **
推荐使用 npm, 切换 npm 官方源可以按下面操作
npm config set registry https://registry.npmjs.org国内环境, 首次下载包有可能会异常地慢
git clone https://github.com/czy0729/Bangumi
cd ./Bangumi
npm install // 不推荐使用 yarn, 因为后面会魔改 node_modules, 使用 yarn 会被识别并还原** 前置操作, 否则 App 内图标均为问号 **
自定义 Iconfont, 把 assets/iconfont/ 下的目录 vector-icons 和 node_modules/@expo/ 下的目录 vector-icons 合并 (注意是合并不是替换, 假如不行, 就手动把文件夹下面的 2 个文件, 找到对应的地方替换, 观察文件修改日期是不是变化了), 原理其实就是用自己的字体文件把原有的 AntDesign 字体文件替换掉, 之后引用 Icon.AntDesign .
** 启动 **
npm start // [iOS] 之后点击在浏览器打开的Expo Developer Tools, 点击 Run on iOS simulator
// or
react-native run-android // [android] 真机 usb 调试本人一直在 mac 环境下开发, iOS 跑 expo 客户端调试, 安卓跑真机 usb 调试. window 用法不详, 也不清楚到底能不能运行, 可以查阅 Expo 官方文档. 可以选择同一局域网真机扫码调试, 需先下载 Expo App.