资讯详情

资讯详情

基估宝云端同步完全教程: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),仅供参考
觉得有用,分享给同行:

为您的企业打造数字门面

稳重轻奢商务风格,端正雅致视觉,长效耐看不易过时。

立即咨询 →