SCE

Shopify 工程工作室

SHOPIFY COMMERCE
ENGINEERING.

Theme. Headless. Apps. Architecture.

让 Shopify 真正成为支撑业务的系统——高转化的店铺、永不掉线的集成、以及一个为你全盘负责的工程团队。

Liquid · Sections · BlocksReact · Hydrogen · Next.jsGraphQL · Storefront APIFunctions · Webhooks

//我们的思考方式

Storefront → Shopify → Apps → 外部系统

每个项目都从同一个问题开始:数据流向哪里,谁负责它?答案决定了正确的构建是主题、无头、App 还是集成。

阅读我们的工程标准

商务架构图

mermaid 源码 · 版本可控

前端层

店铺主题Hydrogen / Next.js定制前端

SHOPIFY 核心

Storefront APIGraphQL Admin APICheckoutFunctionsWebhooksMarkets · B2B

扩展与外部系统

定制 AppTheme App ExtensionsERP · OMS · PIM · CRM搜索 · CMS
Storefront API查询 product(handle:)Hydrogen / Next.js
Webhooksorder.createdERP · OMS · PIM · CRM
Custom Apps变更GraphQL Admin API
Functions折扣逻辑Checkout

//精选案例

工程案例研究,而非效果图

问题 → 架构 → 实施 → 结果。数字才是重点。

全部案例
AppShopify · US / EU / UK

新客礼包活动——15 天在美、欧、英三地快速上线

新客礼包活动需要活动页面、产品页嵌入、购物车金额门槛提醒、订单后资格判断、订单打标、发货识别与异常通知——同时覆盖三个市场,且不能改动已经在线上运行的新客注册与 9 折流程。

15 天

上线周期

美 · 欧 · 英

首发市场

零改动

现有流程

AppShopify · Custom products

可定制商品的专属 SKU——顾客零额外操作

销售可雕刻/定制商品时,定制款需要独立的 SKU,以便订单、库存与 ERP 清晰区分定制与标准款——支持独立定价或库存策略,并让履约与售后可追踪。同时顾客操作不能多一步。

零增加

顾客操作

共享管理

库存

自动完成

SKU 区分

ThemeShopify · EU / US / CA / UK / PL

Liquid 中的 Market 感知 SKU 过滤——一套主题,五个市场

多市场商品目录需要店铺前端只显示当前 Market 适用的 SKU、过滤不适用的 Variant——同时保留现有 Color / Size 选择器、价格、库存与加购兼容,不使用 IP 判断,也不新增独立 SKU 管理系统。

5 个

测试市场

零改动

数据结构

完整保留

选择器

AppShopify · Consumer accessories

自动折扣折后价展示——进购物车前就让客户看到优惠

Shopify 自动折扣只在购物车与结账环节生效——产品卡与 PDP 仍显示原价,客户看不到优惠。方案需要在产品卡、PDP 与 Quick Add 上展示折后价与划线原价,支持 Variant 级、实时更新,且集合页不做逐商品接口请求。

3 处

展示位置

Variant 级

价格粒度

集合页请求

//什么时候找我们

当问题出在架构层面时,我们是对的选项

并非每个 Shopify 项目都需要我们。以下四种通常需要。

01

主题重构

每次营销活动都搞坏店铺。Sections、Blocks 与内容模型需要被正确地重建。

02

无头化评估

前端需要改变——但你需要有人告诉你是否应该改变,以及如何到达那里。

03

定制 App 与业务逻辑

原生 Shopify 无法表达的业务规则:审批、校验、定价、后台工具。

04

复杂集成

ERP、OMS、PIM、多市场、B2B——多个系统需要一个数据流的唯一负责人。

//技术栈

每一项技术,都绑定一个问题

技能墙证明不了什么。这才是每个工具真正的作用。

主题

★★★★★

Liquid / Sections / Blocks / Metaobjects

→ 商家可编辑的可复用内容系统

前端

★★★★★

React / Next.js / Hydrogen / TypeScript

→ 随品牌扩展的商务前端

商务 API

★★★★★

Storefront API / Admin API / Customer Account API

→ 把 Shopify 变成可靠的商务后端

商务逻辑

★★★★★

Shopify Functions / Checkout Extensions

→ 用代码表达订单、折扣与配送规则

集成

★★★★☆

Webhooks / Queue / Retry / ERP / OMS / PIM

→ 系统间保持同步的数据流

质量

★★★★☆

Performance / Core Web Vitals / Testing / CI

→ 持续快速且可安全变更的站点

//流程

从发现到长期维护

每一步都在降低下一步风险的交付管线。

01

需求发现

审计现有系统,捕获真实业务问题,定义成功指标。

02

架构设计

决定形态:主题系统、无头、App 还是集成。记录每一个关键决策。

03

构建

用版本控制、评审与设计系统进行工程化开发。没有一次性 hack。

04

质量验证

性能预算、可访问性、Theme Check 与自动化回归,上线前全部通过。

05

上线

边缘缓存、重定向、监控,以及经得起推敲的性能基线。

06

长期维护

版本升级、技术债治理与上线后的持续迭代。

Next step

有复杂的 Shopify 问题?

从 Commerce Architecture Review 开始——对你的主题、数据流与路线图做一次有边界的审计。没有推销,只有工程。