SuperAPI AI 工具集

shopify-architecture-variants

编程与开发

查看项目

更新于 10-15 23:29

技能介绍

用途:在构建 Shopify 应用时,从四种已验证架构模式中进行选择:内嵌管理应用、无头店面、后端集成、主题扩展。

主要变体与能力: 变体 A 内嵌管理应用(Remix):用于管理面板应用、商家工具和仪表盘,使用 @shopify/shopify-app-remix、OAuth 与 Shopify 管理后台内的 Polaris UI。 变体 B 无头店面(Hydrogen):用于自定义店面与独特购物体验,使用 Storefront GraphQL API,托管于 Shopify Oxygen 或任意边缘平台。 变体 C 后端集成(独立):用于 ERP 同步、仓库管理与分析,使用 @shopify/shopify-api 与自定义应用访问令牌,无需 OAuth 或商家 UI。 变体 D 仅主题应用扩展:用于店面小部件、商品评价、徽章,完全通过 Liquid 模板在商家店面运行,无需服务器。

决策依据:用例、是否需要商家 UI、使用的 API(管理端 GraphQL、店面 GraphQL、Liquid 对象)、认证方式(OAuth、店面令牌、自定义应用令牌、无)、是否需要服务器、复杂度、是否可上架应用商店、预计构建时间(2-4 周、4-8 周、1-2 周、数天)。

必要用法(保持原样):

Variant A: Embedded Remix App

shopify app init --template remix

Variant B: Hydrogen Storefront

npm create @shopify/hydrogen

Variant C: Backend Integration

mkdir shopify-sync && cd shopify-sync npm init -y && npm install @shopify/shopify-api dotenv

Variant D: Theme Extension

shopify app init shopify app generate extension --type theme

限制与常见问题:如需替换 Online Store 可考虑 Hydrogen,若只是给管理后台增加功能则不宜;需要商家 UI 选内嵌,仅后端选独立;Liquid 过于复杂时可组合“扩展负责 UI + 内嵌应用负责逻辑”;避免过度设计,建议从变体 A 或 C 起步再演进。其他价格、平台与效果等事实暂未提供。