📶 BeeX 弱网缓存专项

flowchart TD
  A["用户打开 BeeX App"]:::app
  B["Native 查本地 active H5 包"]:::app
  C{"active 包存在且可读?"}:::decision
  D["加载内置 H5 包"]:::app
  E["加载 active/index.html"]:::app
  F["H5 首屏渲染"]:::h5
  G["H5 读接口缓存
首页商品/品牌/活动"]:::cache
  H["Native 延迟检查 H5 包更新"]:::native
  I["H5 后台刷新首页接口"]:::h5
  J{"刷新成功?"}:::decision
  K["覆盖缓存并刷新 UI"]:::ok
  L["保留缓存
显示弱网提示"]:::bad
  M{"发现新 H5 包?"}:::decision
  N["下载 ready 包
校验 sha256"]:::native
  O["提示用户刷新或下次启动激活"]:::native
  A-->B-->C
  C--"否"-->D-->F
  C--"是"-->E-->F
  F-->G
  F-->H
  G-->I-->J
  J--"是"-->K
  J--"否"-->L
  H-->M
  M--"否"-->F
  M--"是"-->N-->O
  classDef app fill:#f0fdf4,stroke:#15803d,color:#166534;
  classDef native fill:#eff6ff,stroke:#1d4ed8,color:#1e40af;
  classDef h5 fill:#f5f3ff,stroke:#8b5cf6,color:#5b21b6;
  classDef cache fill:#fff7ed,stroke:#f97316,color:#9a3412;
  classDef decision fill:#fef3c7,stroke:#e07c00,color:#7a4f24,stroke-width:2px;
  classDef ok fill:#f0fdf4,stroke:#15803d,color:#15803d,stroke-width:2px;
  classDef bad fill:#fff5f5,stroke:#dc2626,color:#991b1b,stroke-width:2px;

flowchart TD
  A["进入首页或切换商品 Tab"]:::h5
  B["计算缓存 key
国家+关键词+平台+来源+页大小+schema"]:::cache
  C{"本地缓存存在?"}:::decision
  D["先展示缓存"]:::cache
  E["显示骨架屏"]:::h5
  F{"缓存 fresh 且非强刷?"}:::decision
  G["结束:不请求云端"]:::ok
  H["请求 /api/v1/products/high-commission"]:::be
  I{"请求成功?"}:::decision
  J["过滤明显异常商品
写入新缓存+刷新 UI"]:::ok
  K["保留旧缓存
展示弱网/失败提示"]:::bad
  A-->B-->C
  C--"是"-->D-->F
  C--"否"-->E-->H
  F--"是"-->G
  F--"否/强刷"-->H
  H-->I
  I--"是"-->J
  I--"否"-->K
  classDef h5 fill:#f5f3ff,stroke:#8b5cf6,color:#5b21b6;
  classDef cache fill:#fff7ed,stroke:#f97316,color:#9a3412;
  classDef be fill:#ecfeff,stroke:#0891b2,color:#155e75;
  classDef decision fill:#fef3c7,stroke:#e07c00,color:#7a4f24,stroke-width:2px;
  classDef ok fill:#f0fdf4,stroke:#15803d,color:#15803d,stroke-width:2px;
  classDef bad fill:#fff5f5,stroke:#dc2626,color:#991b1b,stroke-width:2px;