Hydrogen 购物车刷新后丢失怎么修
现象#
加购后刷新页面,购物车图标归零,重新加购又生成新的 cart ID。
原因#
- cart ID 只存在内存或 React state
- cookie 未设
httpOnly/sameSite或过期时间太短 - 服务端渲染时读不到 cookie
处理步骤#
- 用 Hydrogen 的
createCartHandler,它会自动写 cookie - 确认 cookie 设置
path=/、maxAge至少 30 天 - 服务端读取 cookie 里的 cart ID 并查询
cart(id:) - cart 失效时自动创建新 cart 并提示用户
验收标准#
刷新、切页、隔天再访问购物车内容都在,cart ID 稳定不复用失效 ID。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。