Files
auv/AGENTS.md
T
2026-07-05 21:29:17 +08:00

6.9 KiB
Executable File
Raw Blame History

A股走势追踪应用 - 技术上下文

Dependencies

  • recharts - K线图表库(已内置)
  • lucide-react - 图标库(已内置)
  • sonner - Toast通知组件(已内置)

Architecture

路由结构

  • / - 首页:搜索股票、创建集合、管理股票
  • /stock/$code - 股票详情页:K线图、实时行情、涨幅显示
  • /share/$code - 分享页面:通过短链查看公开的股票集合

数据库表

  • stock_collections - 股票集合(名称、描述、user_id、last_accessed_at
  • collection_stocks - 集合中的股票记录(股票代码、名称、添加时间、添加价格)
  • share_links - 分享短链(短链码、关联集合ID

用户管理

  • 每个匿名用户生成永久 userid 存储到 localStorage
  • 集合通过 user_id 隔离,RLS 策略基于 user_id 控制访问
  • 3个月未访问的集合自动删除(通过 Edge Function 定时清理)

数据源

  • Edge Function stock-quote 代理腾讯财经API获取A股实时行情
  • Edge Function stock-history 双数据源获取历史K线:主源腾讯 fqkline(前复权),腾讯返回数据少于2条时降级新浪 getKLineData(北交所920开头新股腾讯常只返回1条,新浪能返回完整90天)
  • Edge Function stock-search 代理腾讯智能搜索APIsmartbox.gtimg.cn)支持名称/代码/拼音模糊搜索
  • Edge Function stock-fund-flow 获取近30日资金流向数据,主数据源为东方财富妙想MX APImkapi2.dfcfs.com,每日150次调用限制,需配置 MX_APIKEY 环境变量),回退方案为东方财富 push2his.eastmoney.com
    • MX API 数据特性:返回数据按日期降序(最新在前),Edge Function 内必须 sort 为正序后再计算累计值;只返回主力净流入和成交额,不提供散户/中单/小单数据
    • 日期格式标准化:MX API 返回日期格式可能不统一(2026/07/0407-04),Edge Function 内统一为 YYYY-MM-DD 以匹配 K 线数据
    • 数值解析MX API rawTable 字段可能是字符串(如 "1.432亿元"),需用 parseAmount 函数解析
    • JWT 鉴权stock-fund-flow 必须部署为 -j false(匿名可访问),否则前端调用被拒绝
    • 回退方案东方财富API字段(索引0-18):日期,主力净流入,超大单流入/流出,大单流入/流出,中单流入/流出,小单流入/流出,主力净流入%,超大单流入/流出%,大单流入/流出%,中单流入/流出%,小单流入/流出%
    • 腾讯K线API字段:[日期, 开, 收, 高, 低, 成交量, 成交额](第7个字段是成交额)
    • 东方财富K线API(kline/get)不稳定,可能返回 data:null,已弃用改用腾讯
  • 前端通过 /sb-api/functions/v1/stock-quote?code={6位代码} 调用实时行情
  • 前端通过 /sb-api/functions/v1/stock-history?code={6位代码}&days={天数} 调用历史数据
  • 前端通过 /sb-api/functions/v1/stock-search?keyword={关键词} 调用搜索(腾讯返回UTF-8+\u转义,类型字段GP-A/GP-A-KCB/GP-A-BJB区分主板/科创板/北交所)
  • 前端通过 /sb-api/functions/v1/stock-fund-flow?code={6位代码}&name={股票名称}&days={天数} 调用资金流向数据(name 参数用于MX API查询)
  • 市场标识:688/60开头为SH(上海主板/科创板),920/8/4开头为BJ(北交所),其他为SZ(深圳主板/创业板)

What Didn't Work

  • 新浪财经API直接在前端调用 → 跨域限制 → 改用Edge Function代理
  • 腾讯财经历史API直接在前端调用 → 跨域限制 → 改用Edge Function代理
  • 百度股市通API → 返回格式不稳定 → 改用腾讯+新浪双数据源
  • Python mootdx库 → 沙箱环境无法安装C++依赖 → 放弃Python方案

Patterns / Constraints

  • RLS策略设置为匿名可读写,支持分享链接公开访问
  • 股票代码格式:6位数字(如600519)
  • 分享短链生成:随机8位字母数字组合
  • 集合卡片股票列表格式:名称/代码(左)+ 添加价/涨跌%/最新价(右三列)
  • 添加股票时 added_price 保存为当日实时价格;若无历史数据则显示当前价和 0.00%
  • 分享链接区域点击自动复制到剪贴板,通过 Sonner Toaster 显示提示;复制失败时降级为 textarea 方案或提示手动复制
  • 生成分享链接时复用已有短链,避免每次生成新链接
  • 全页面适配移动端:响应式字体、间距、布局断点(sm/md/lg)
  • K线图历史数据获取失败时直接报错,禁止使用模拟数据降级(避免"刷新数据变化"问题)
  • K线天数逻辑:默认3个月(90天),自选日期到现在超过3个月则从自选日期开始
  • K线图使用 recharts Brush 组件实现移动端缩放和滑动查看
  • 板块标记:688开头=科创(红)、300/301开头=创业(紫)、920/8/4开头=北交(橙),主板不显示标签;标记位置:搜索候选、详情页标题、集合卡片股票列表、分享页股票卡片标题
  • 详情页右上角外部跳转按钮:①"东方财富" https://wap.eastmoney.com/quote/stock/{market}.{code}.html?appfenxiang=1market映射 688→6/60→1/其他→0;②"金十数据" https://search.jin10.com/?keyword={股票名称URL编码}(按名称搜索金十资讯)
  • 详情页资金流向模块:展示近30日资金流向分析,包含:
    • 资金流向概览:主力总净流入、大单流入资金(≈主买资金)、日均主力流入、主力流入/流出天数统计
    • 主力资金流向:柱状图展示每日主力净额
    • 累计主力资金趋势:折线图展示累计主力资金的走势变化
  • 每日行情明细表:独立于资金流向模块,默认显示7日数据,支持切换7日/21日;表格列包含日期、涨幅、主力净流入、成交额,颜色遵循A股惯例(红涨绿跌)
  • 每日行情明细表数据截取:使用 chartData.slice(-dailyTableDays).reverse() 获取最近N个交易日的倒序数据(最新日期在前)
  • 每日行情明细表资金流向匹配:K线 dateObjYYYY-MM-DD 时必须用本地时区(getFullYear/getMonth/getDate),禁止用 toISOString().split('T')[0](UTC 偏移会导致中国时区日期错位一天,资金流向数据匹配失败);匹配字段为 mainForceNet(主力净额=超大单+大单净流入)和 turnover(成交额)
  • 成交额备用计算:当资金流向API获取失败时,使用 chartDatavolume × close 近似计算成交额(单位:元)
  • 资金流向数据获取失败时,前端通过 fundFlowError 状态显示错误信息,便于排查问题
  • 东方财富 APIpush2his.eastmoney.com)在 Edge Function 环境被拒绝访问(peer closed connection),主力净流入数据无法获取,显示为 "-"
  • 替代方案:使用腾讯实时行情API的外盘(索引7)和内盘(索引8)数据计算净主动买入额 = (外盘 - 内盘) × 当前价 × 100(单位:元)