Shopify CLI 与 Headless

Hydrogen 购物车刷新后丢失怎么修

现象#

加购后刷新页面,购物车图标归零,重新加购又生成新的 cart ID。

原因#

  • cart ID 只存在内存或 React state
  • cookie 未设 httpOnly/sameSite 或过期时间太短
  • 服务端渲染时读不到 cookie

处理步骤#

  1. 用 Hydrogen 的 createCartHandler,它会自动写 cookie
  2. 确认 cookie 设置 path=/、maxAge 至少 30 天
  3. 服务端读取 cookie 里的 cart ID 并查询 cart(id:)
  4. cart 失效时自动创建新 cart 并提示用户

验收标准#

刷新、切页、隔天再访问购物车内容都在,cart ID 稳定不复用失效 ID。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。