氢演示店

氢模板：演示商店

Hydrogen 是 Shopify 的无头商务堆栈。 Hydrogen 旨在与 Shopify 的全栈 Web 框架 Remix 相配合。该模板包含用于开始使用 Hydrogen 的功能齐全的组件、查询和工具设置。它部署在 Hydro.shop

查看 Hydrogen 文档 熟悉 Remix

包含什么

• 混音
• 氢
• 氧
• Shopify CLI
• ESLint
• 更漂亮
• GraphQL 生成器
• TypeScript 和 JavaScript 风格
• Tailwind CSS（通过 PostCSS）
• 组件和路线的全功能设置

入门

要求：

• Node.js 版本 18.0.0 或更高版本

npm create @shopify/hydrogen@latest -- --template demo-store

请记住使用您商店的域名和 Storefront API 令牌更新.env ！

生产建筑

npm run build

当地发展

npm run dev

使用客户帐户 API 的设置（ /account部分）

使用 ngrok 设置公共域

1. 设置 ngrok 帐户并添加永久域（即https://.app ）。
2. 安装 ngrok CLI 以在终端中使用
3. 使用ngrok http --domain=.app 3000启动 ngrok

在客户帐户 API 设置中包含公共域

1. 转到您的 Shopify 后台 => Hydrogen或Headless应用程序/渠道 => 客户帐户 API => 应用程序设置
2. 编辑Callback URI(s)以包含https://.app/account/authorize
3. 编辑Javascript origin(s)以包含您的公共域https://.app或将其保留为空
4. 编辑Logout URI以包含您的公共域https://.app或将其保留为空