基估宝云端同步完全教程:Supabase多设备数据同步设置详解

发布时间:2026/10/10 16:23:43

基估宝云端同步完全教程: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),仅供参考
延伸阅读

更多相关文章

2026/10/10 16:23:42

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

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

2026/10/10 16:23:42

从零实现PL/0编译器:词法分析、递归下降与P-code虚拟机详解

简介:这份PL/0编译器完整实验工程源自山东大学编译原理课程,面向计算机专业本科生及自学编译原理的开发者,可帮助理解词法分析、语法分析、语义分析及抽象语法树构建等前端核心技术。压缩包共94个文件,约513KB,主体为C…

2026/10/10 17:34:45

LoRA微调与知识蒸馏联合优化实战指南

1. 为什么“更省的微调”和“更小的学生”不是营销话术,而是工程落地的刚性需求LoRA 和知识蒸馏这两个词最近在大模型圈里被反复提起,但很多人一看到“微调”就下意识想到租三台A100跑一周、显存爆满、checkpoint动辄30GB——结果还没调完,预…

2026/10/10 17:34:45

从Demo到生产:Agent架构与多智能体协作实战指南

过去一年里被问得最多的问题,不是“怎么用 LangChain 写一个 Agent”,而是“写完 Demo 之后怎么办”。前后端联调跑通了,Prompt 也调得挺顺,但一放到生产环境,各种奇怪问题全冒出来:上下文错乱、工具调用超…

2026/10/10 17:34:45

Agent从Demo到生产落地:架构、多智能体与可靠性指南

这是最近被问得最多的一类问题:Agent 的 Demo 跑得风生水起,一上生产就露怯。我自己也经历过这个阶段——在内部验证会上,一个能自动查库存、写邮件、汇报结果的智能体把在场的人都看嗨了,可等它真的接到业务系统里,第…

2026/10/10 17:34:45

OpenClaw配置QQ机器人保姆级教程:WSL2+NapCat+OneBot全流程实战

很多朋友第一次接触OpenClaw,都是被那句“让你的AI自己用电脑”吸引过来的。但真到自己动手配置QQ机器人时,才发现坑远比想象中多——WSL2环境报错、Node.js版本不对、MySQL连不上、NapCat转发器配置完但消息就是发不出去……这套组合拳下来,…

2026/10/10 17:34:45

Shell 脚本入门:写好第一个脚本的必备基础

学 Linux 自动化运维,Shell 是绕不过去的第一关。这篇把「Shell 是什么、脚本怎么跑起来、变量怎么写」一次讲清,读完你能独立写出并执行第一个脚本。文中的变量基础部分与旧文《Shell 变量与环境变量》互补,重复的演示已压缩并注明去处。 本…

2026/10/10 17:29:42

LL(1)文法与四元式:IF-ELSE翻译程序的核心实现

简介:针对编译原理课程中IF-ELSE条件语句的翻译程序设计任务,这份资源提供了基于LL(1)分析法并输出四元式的完整工程实现。资源包共17个文件,压缩包仅417KB,包含Visual Studio工程文件(sln、vcproj)、C源代…

2026/10/10 7:31:36

Jev+Agent接管浏览器:browser-use实战与jev-ultrafast性能优化

1. 从“Jev”说起:为什么我要把Agent接进浏览器“Jev”这个词最近在圈子里出现的频率越来越高,很多人第一次听到会以为是某个新模型的名字,其实它更像是一种思路——把Jev模型的能力当作底座,通过Agent的方式去接管浏览器&#xf…

2026/10/9 20:15:56

多智能体集群实战:DeepAgents编排、MCP与A2A协议及Skills体系

1. 从"单兵作战"到"集群协同":多智能体编排到底在解决什么问题如果你最近在折腾 Agent 相关的东西,大概率会有一种感觉:单个 Agent 能做的事情,其实很快就摸到天花板了。你给它一个提示词,挂几个工…

2026/10/8 6:05:44

无源低通滤波器设计实战:从RC到LC,手把手教你避开那些坑

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/10 0:04:53

从逻辑门到计算机:数字电路核心原理与全加器搭建实战

如果你拆过一台旧电脑的主板,盯着那些黑乎乎的小芯片看上一会儿,可能会冒出同一个疑问:这堆引脚密集的元件,到底是怎么“变”出那么复杂的应用的?答案并不在某个神秘的部件里,而是在所有芯片内部都在反复使…

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
☎咨询二维码 ☎ ↑