Shopify CLI 与 Headless

Hydrogen 能不能部署到 Vercel 或 Cloudflare

现象#

团队已有 Vercel 工作流,不想用 Oxygen,不确定 Hydrogen 是否支持。

原因#

  • Hydrogen 基于 Remix,可部署到任意 Node/边缘运行时
  • Oxygen 提供与 Shopify 的深度集成(缓存、分析、预览)
  • 其他平台需要自行处理会话与缓存

处理步骤#

  1. 用 npm run build 产出标准 Remix 构建,按平台适配器部署
  2. 配置环境变量:PUBLIC_STOREFRONT_API_TOKEN、SESSION_SECRET 等
  3. 自行实现购物车 cookie 与缓存策略
  4. 注意放弃 Oxygen 后无法使用其内置分析与一键预览

验收标准#

站点在目标平台正常运行,购物车与结账流程完整,构建可重复。

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