一个基于 Next.js 开发的 纯前端基金实时估值工具，支持 基金实时净值查询、基金盘中估值监控、自选基金管理、基金重仓股实时行情追踪。
采用玻璃拟态设计（Glassmorphism），移动端友好，无需后端服务器即可运行，适合作为 基金投资者个人基金看板 / 自用基金估值面板。
预览地址：https://lianggame.github.io/real-time-fund/
- 基金实时估值 / 净值查询：通过输入 6 位基金代码，实时获取并展示基金单位净值、估值净值、实时涨跌幅，适合做 基金盘中估值监控面板。
- 基金重仓股与持仓追踪：自动获取基金前 10 大重仓股票，并实时追踪重仓股盘中行情，支持展开 / 收起查看 基金持仓结构。
- 纯前端基金工具：采用 JSONP 方案直连 天天基金、东方财富、腾讯财经 等公开接口，彻底解决跨域问题，支持在 GitHub Pages 等静态环境直接部署。
- 自选基金与组合管理：支持添加自选基金、分组管理，自定义基金组合视图，适合作为个人 基金组合管理 / 自选基金看板。
- 本地持久化 + 多设备同步：使用
localStorage本地保存基金列表、持仓与配置，可选开启 Supabase 云同步，实现多设备间的基金持仓同步。 - 响应式设计：完美适配 PC 与移动端，支持手机端随时查看 基金实时净值 与重仓股行情。
- 可自定义刷新频率：支持设置自动刷新间隔（5秒 - 300秒），并提供手动刷新按钮，适合盯盘场景。
- 框架：Next.js (App Router)
- 样式：原生 CSS (Global CSS) + 玻璃拟态设计
- 数据源：
- 基金估值：天天基金 (JSONP)
- 重仓数据：东方财富 (HTML Parsing)
- 股票行情：腾讯财经 (Script Tag Injection)
- 部署：GitHub Actions + GitHub Pages
-
克隆仓库：
git clone https://github.com/LiangGame/real-time-fund.git cd real-time-fund -
安装依赖：
npm install
-
（可选）配置多设备同步：
- 如需使用多设备同步功能，请参考 Supabase 设置指南
- 复制
env.example为.env.local并填入 Supabase 配置 - 在 Supabase Dashboard 执行
supabase-migration.sql创建数据库表
-
运行开发服务器：
npm run dev
访问 http://localhost:3000 查看效果。
本项目已配置 GitHub Actions。每次推送到 main 分支时，会自动执行构建并部署到 GitHub Pages。
若要手动构建：
npm run build静态文件将生成在 out 目录下。
- 添加基金：在顶部输入框输入 6 位基金代码（如
110022），点击"添加"。 - 查看详情：卡片将展示实时估值及前 10 重仓股的占比与今日涨跌。
- 调整频率：点击右上角"设置"图标，可调整自动刷新的间隔时间。
- 删除基金：点击卡片右上角的红色删除图标即可移除。
- 多设备同步（可选）：
- 点击导航栏右侧的同步状态区域
- 注册/登录账号后，数据会自动同步到云端
- 在其他设备登录同一账号即可自动同步数据
本项目所有数据均来自公开接口，仅供个人学习及参考使用。数据可能存在延迟，不作为任何投资建议。
本项目采用 GNU Affero General Public License v3.0（AGPL-3.0）开源协议。
- 允许：自由使用、修改、分发本软件；若你通过网络服务向用户提供基于本项目的修改版本，须向该服务的用户提供对应源代码。
- 要求：基于本项目衍生或修改的作品需以相同协议开源，并保留版权声明与协议全文。
- 无担保：软件按「原样」提供，不提供任何明示或暗示的担保。
完整协议文本见仓库根目录 LICENSE 文件，或 GNU AGPL v3 官方说明。
基金实时估值、基金估值查询、基金净值估算、基金实时净值查询、基金盘中估值、指数基金实时估值、ETF 实时估值、场内基金估值、场外基金估值、 自选基金管理、基金组合管理、基金持仓查询、基金重仓股实时行情、个人基金看板、基金估值开源项目、纯前端基金工具、天天基金实时估值、东方财富重仓股。
Made by LiangGame
本项目在 hzm0321/real-time-fund 的基础上进行了二次开发与功能扩展，感谢原作者的开源贡献。
