尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
基估宝云端同步完全教程:Supabase多设备数据同步设置详解
【免费下载链接】real-time-fund基金实时估值查看项目地址https://gitcode.com/gh_mirrors/re/real-time-fund点击查看免费下载基估宝是一款基于 Next.js 的基金实时估值工具支持基金估值、持仓收益、交易记录与定投管理。它的默认数据保存在浏览器本地本教程将带你一步步完成Supabase 云端同步配置实现电脑与手机等多设备之间的自选基金、持仓、交易记录自动同步彻底解决换设备数据丢失的痛点。为什么基金数据需要云端同步基估宝采用「本地优先」的设计你的基金列表、持仓份额、成本价、交易记录、定投计划、标签等全部存储在浏览器localStorage中结构详见 doc/localStorage 数据结构.md。这带来一个常见问题换设备数据不跟随手机添加的基金电脑上看不到重装系统数据丢失清缓存、换浏览器即清零无法安全备份只能手动导出 JSON 文件开启云端同步后以上问题全部解决。登录同一账号数据自动在多设备间保持一致。云端同步三步配置指南整个流程分三步配置环境变量 → 初始化数据库 → 登录账号。下面逐一说明。第一步配置 Supabase 项目与环境变量注册并新建一个免费的 Supabase 项目克隆项目到本地仓库地址https://gitcode.com/gh_mirrors/re/real-time-fund复制环境变量模板并填入你的项目信息cp env.example .env.local只需填写两个核心变量参考 env.example变量获取位置NEXT_PUBLIC_SUPABASE_URLSupabase 控制台 → Project Settings → General → Project URLNEXT_PUBLIC_SUPABASE_ANON_KEYSupabase 控制台 → Project Settings → API → Publishable key这两个值会被 app/lib/supabase.js 读取并创建客户端若未配置应用会优雅降级为纯本地模式登录与同步功能自动关闭不影响正常使用。第二步执行 SQL 初始化数据库云端同步依赖一张user_configs表脚本已内置在 doc/supabase.sql 中。执行步骤Supabase 控制台 →SQL Editor→New query复制 doc/supabase.sql 全部内容粘贴后点击Run该脚本会自动完成✅ 创建user_configs表每人一条记录data字段存储全量配置✅ 启用行级安全RLS保证用户只能读写自己的数据✅ 创建全量/增量更新函数update_user_config_full/update_user_config_partial✅ 开启 Realtime 变更监听第三步邮箱验证码登录开启同步登录功能由 app/components/LoginModal.jsx 实现流程非常简单点击页面右上角的头像图标→登录输入你的邮箱点击「发送邮箱验证码」查收邮件输入 6 位验证码完成注册/登录 首次登录时系统会检测云端配置若云端已有数据且与本地不一致会弹出冲突提示框app/components/CloudConfigModal.jsx让你选择「保留本地覆盖云端」或「使用云端覆盖本地」若云端为空则询问是否将本地配置同步到云端。登录成功后用户菜单中会显示「同步于 MM-DD HH:mm」的时间戳并支持一键手动同步见 app/components/UserMenu.jsx。哪些数据会被同步到云端同步管理器app/hooks/useSyncManager.js会收集以下全部数据基金列表代码、名称、净值、估值、添加时间⭐自选基金与分组管理持仓数据份额、成本价含分组持仓交易记录与待成交交易定投计划日/周/双周/月周期️标签、刷新频率等个性化设置每日收益数据用于收益日历多设备同步是如何工作的这是基估宝云端同步最有价值的部分核心机制有三层自动增量同步任何数据修改加基金、改持仓、记交易都会标记为「脏数据」2 秒防抖后仅将变化的字段上传云端失败自动重试并回退全量同步新设备拉取合并在新设备上登录后云端配置自动拉取并合并到本地设备冲突保护系统为每台设备生成唯一 IDrtfDeviceId当同一账号在多台设备同时写入时会拦截并弹窗提示「账号已在其他设备登录」由你确认用云端最新数据覆盖本地避免互相覆盖造成数据丢失。这种设计让你日常使用几乎「无感」只管操作同步自动完成。可选项进阶配置邮箱验证码自定义在 Supabase → Authentication → Email Templates 中修改邮件模板用{{ .Token }}展示验证码关闭Confirm email后无需再点确认链接详见 README.md 的 Supabase 配置说明GitHub 一键登录设置NEXT_PUBLIC_IS_GITHUB_LOGINtrue并配置 OAuth 后登录弹窗将出现 GitHub 登录按钮关联板块数据向fund_related、fund_secid表导入 doc/fund_tracking_targets.csv 与 doc/related_sector_secid.csv基金卡片即可展示关联板块实时涨跌云端函数部署 doc/edgeFunction/analyze-fund.ts 可解锁 OCR 截图识别导入基金功能常见问题Q不登录会影响实时估值吗不会。估值、重仓股、行情等功能完全离线可用登录只影响数据同步。Q同步数据安全吗user_configs表启用了 Supabase 行级安全策略auth.uid() user_id确保你的数据只有你自己能访问。Q只想备份不想多设备用可以。登录一次后数据即持续自动备份到云端随时可导出。总结步骤耗时说明配置环境变量2 分钟填入 Supabase URL 与 ANON_KEY执行 SQL 脚本1 分钟一键初始化 user_configs 表邮箱验证码登录1 分钟注册与登录一次完成整套配置不到 5 分钟换来的是基金数据在电脑、手机间的无缝流转。现在打开基估宝点击右上角头像登录开启你的多设备同步之旅吧 赞分享【免费下载链接】real-time-fund基金实时估值查看项目地址https://gitcode.com/gh_mirrors/re/real-time-fund点击查看免费下载相关推荐TriliumNext Notes同步设置跨设备数据同步完整教程TriliumNext Notes同步设置跨设备数据同步完整教程 想要在多个设备间无缝同步你的个人知识库吗TriliumNext作为一款强大的离线优先笔记应Surfingkeys多设备同步设置终极指南云端配置与数据备份完整教程Surfingkeys多设备同步设置终极指南云端配置与数据备份完整教程 Surfingkeys是一款功能强大的浏览器扩展它通过键盘快捷键让你像Vim编辑器一开发工具前端Cherry Studio云同步多设备数据同步方案Cherry Studio云同步多设备数据同步方案 概述 在当今多设备办公环境中数据同步已成为提升工作效率的关键需求。Cherry Studio作为一款支持AI 应用大模型桌面应用本地部署RAG创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
RELATED

相关推荐

不做生成、只做打分,CLM还配叫『语言模型』吗?范式之争刚起

不做生成、只做打分,CLM还配叫『语言模型』吗?范式之争刚起

不做生成、只做打分,CLM还配叫『语言模型』吗?范式之争刚起 【免费下载链接】CLM 项目地址: https://gitcode.com/gh_mirrors/clm2/CLM 导读 2026年9月下旬,一个名为 Contrastive-LM(CLM)的开源项目冲上 GitH…

📅 2026/10/10 16:23:10
OUC编译原理实验全链路解析:从词法分析到x86-64代码生成

OUC编译原理实验全链路解析:从词法分析到x86-64代码生成

简介:本资源为中国海洋大学2020年春季《编译原理》课程全套实验代码与配套文档,面向计算机专业本科生及编译技术初学者,系统覆盖词法分析、语法分析、语义分析、中间代码生成、代码优化、目标代码生成、错误处理及编译器集成等八大核心环节&a…

📅 2026/10/10 16:23:10
AI生成测试用例实战:从需求描述到Playwright全流程提效

AI生成测试用例实战:从需求描述到Playwright全流程提效

2026年了,还有团队在手工维护测试用例Excel表?我最近跟几个测试负责人聊天,发现一个挺扎心的事实:大部分团队对“AI提效”的理解还停留在让AI帮忙写点代码注释,真正把AI接进测试用例生产链路的,反而是那些规…

📅 2026/10/10 16:18:05
MORE NEWS

更多资讯

📰

软件评审检查表:从需求到测试的逐项评审实践指南

简介:这是一份面向软件设计与开发评审场景的实用检查表文档,适合项目经理、架构师、开发人员和质量管理人员使用。文档将评审过程拆解为需求规格说明书检查、概要设计检查和详细设计检查三大模块,覆盖清晰性、完整性、依从性、一致性、可行性…

📰

Cline 实战踩坑实录:Token 烧钱、权限误伤、上下文爆炸,这三座大山怎么翻?

Cline 实战踩坑实录:Token 烧钱、权限误伤、上下文爆炸,这三座大山怎么翻? 【免费下载链接】cline Autonomous coding agent as an SDK, IDE extension, or CLI assistant. 项目地址: https://gitcode.com/GitHub_Trending/cl/cline 开…

📰

AI 时代还需要传统搜索引擎吗?Hister 的 MCP 集成给出了另一种答案

AI 时代还需要传统搜索引擎吗?Hister 的 MCP 集成给出了另一种答案 【免费下载链接】hister Your own search engine 项目地址: https://gitcode.com/GitHub_Trending/hi/hister ChatGPT 式 AI 搜索的爆发,让一个原本不成问题的问题重新摆上台面&…

📰

Visual Basic .NET 控制台编程入门实战:基于 learnxinyminutes-docs 的完整代码教程

文档教程 【免费下载链接】learnxinyminutes-docs Code documentation written as code! How novel and totally my idea! 项目地址: https://gitcode.com/gh_mirrors/le/learnxinyminutes-docs 点击查看 免费下载 本教程以仓库内 zh-cn/visualbasic.md 为核心蓝本…

📰

1.9B 当决策引擎:NeoHorse-1-9B 接入工单分流的最小实现

1.9B 当决策引擎:NeoHorse-1-9B 接入工单分流的最小实现 【免费下载链接】NeoHorse-1-9B 项目地址: https://ai.gitcode.com/hf_mirrors/TokenRhythm/NeoHorse-1-9B 工单分流(Ticket Routing)是客服与运维系统里最典型的"文本 →…

📰

遗留代码单元测试实战:从难测到可测的完整路径

接手一套别人写了好几年、注释几乎没有、一上线就没停过修的代码,我第一反应不是打开编辑器开冲,而是先给自己提个问:现在哪些地方是改了必出事的?如果你想给遗留代码补单元测试,却不知道从哪下手,这篇文章…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬