# 无头电商：三个层级、真实的选项，以及你大概真正想要的是哪一个

> 大多数说想要“无头电商”的企业，真正想要的是嵌入式组件电商。少数需要 commercetools 或 Saleor。这里是一套坦率的决策框架。

Ryan Badger - 2025年10月3日 - 阅读约 6 分钟

## “无头电商”究竟是什么意思

无头电商指的是把前端（你的客户看到的部分）与电商后端（购物车、结账、库存、订单）解耦。你不再选择把两者捆绑在一起的平台（比如 Shopify 的主题店面），而是单独构建或购买前端，再把它接到电商 API 上。

“无头”这个词常被随意使用。其实有三个不同的层级：

- **完全无头：** 你从零开始构建前端（React、Next.js、Astro、Nuxt），每一项数据都调用电商 API 获取。商品列表、购物车状态、结账。整个用户体验都由你掌控。
- **嵌入式组件无头：** 你的前端已经存在（营销网站、Webflow 搭建的站点、博客）。你放进一个在其中渲染的电商组件。算不上“完全无头”，但依然是解耦的：你的网站不是电商平台的模板。
- **传统模式（非无头）：** 你选择 Shopify、BigCommerce 或 WooCommerce，使用它们的主题系统，你的网站本身就是电商平台。

“无头”的大部分热度都围绕第 1 层。大多数店铺其实并不需要它。

## 什么时候完全无头值得做

完全无头只在四种特定情况下划算。除此之外，那是你收不回来的工程时间。

1. **你需要平台主题无法实现的定制体验。** 交互式配置器、3D 商品查看器、内容密集的叙事型布局。前端本来就要重建；无头只是意味着你同时也能掌控电商数据流。
2. **从同一个商品目录出发的多渠道分发。** 网站 + 移动应用 + 门店自助终端 + 语音/聊天界面。用一套共享的电商 API 驱动这一切，用传统方式其实很难做到。
3. **传统平台出现瓶颈的规模。** Shopify Plus 现在能应对其中大部分，但如果你的体量达到 Nike/IKEA 级别，自有前端背后的电商 API 能给你主题店面给不了的性能控制权。
4. **拥有真正的前端工程能力的团队。** 如果你有专职的前端工程师，无头方案长期来看确实更便宜，因为你不用再交“主题开发者税”。

如果你不属于这四种情况，完全无头几乎总是比选一个托管平台更差的交易。

## 完全无头的选项

对确实需要完全无头的团队，2026 年现实的候选名单：

- **commercetools**：企业级、德国工程出身、价格不菲。可组合电商的参考实现。
- **Saleor**：开源，可自托管或托管服务，GraphQL API 强大。对开发者友好。
- **Medusa**：开源、原生 JavaScript、生态不断壮大。形态上更接近“作为 API 的 Shopify”。
- **BigCommerce Headless**：把 BigCommerce 用作后端，前端自带。“不重建后端就迁移”的最清爽选项。
- **Shopify Storefront API**：在自定义前端背后使用 Shopify 的电商能力。托管和开发的复杂度由你承担；库存 / 订单 / 支付仍留在 Shopify。
- **通过 `@shoprocket/core` SDK 使用 Shoprocket**：商品、购物车和会话都可以通过编程完全控制（[shoprocket-js](https://github.com/shoprocket/shoprocket-js)）。跳过组件，渲染你自己的界面，直接与我们的 API 对话。注意事项见下面的“Shoprocket 的定位”一节。

按开发体验粗略排名：Medusa > Saleor > Shopify Storefront API > BigCommerce > commercetools。按企业级可靠性粗略排名：commercetools > Shopify > BigCommerce > Saleor > Medusa。根据你要优化的目标来选择。

## 嵌入式组件方案（大多数人真正想要的类别）

大多数说自己想要“无头”的企业，真正想要的是这个：保留已有的营销或内容网站，再加上一个无需重建就能接入的电商能力。

Shoprocket、Snipcart 和 Ecwid 都属于这一类。你保留自己的网站（Webflow、WordPress、静态 HTML、Astro、Framer），粘贴一个 script 标签，电商就在其中渲染。它是解耦的，但无需重新实现。

```
<!-- EXAMPLE ONLY. Grab your real snippet from Sales channels → Embeds in your dashboard -->
<script src="https://cdn.shoprocket.io/loader.js" data-pk="pk_yourkey"></script>
<div data-shoprocket="catalog" data-embed-id="emb_xxx"></div>
```

如果你想走得更远，也可以使用 API（用你自己的标记构建自定义商品卡片，向我们的 API 请求数据）。完整的编程控制在 JS SDK 里（[shoprocket-js](https://github.com/shoprocket/shoprocket-js)），可用于事件、购物车操作和自定义界面。

**这一层优于完全无头的情况：**

- 你已经有一个满意的网站（不想重建前端）
- 你没有专职的前端工程师
- 你的体验需求在组件的渲染能力范围之内
- 你希望电商在几周内上线，而不是几个季度

**什么时候该升级到完全无头：**

- 组件无法实现你所需要的体验
- 你需要把商品渲染到组件不覆盖的场景里（原生移动应用、自助终端、电视）
- 你有足够的工程团队来支撑它

## 如何判断你需要哪一层

问自己两个问题：

1. **我的体验需求，能放进现有网站里的一个矩形区块吗？** 如果能，嵌入式组件就够了。如果不能，你就进入了完全无头的领地。
2. **未来 18 个月里，我有专职的前端工程师吗？** 如果没有，不管你觉得自己需要什么，都跳过完全无头。

第二个问题才是关键。没有前端工程师的完全无头，就是一堆等着发生的技术债。电商平台的供应商会帮忙，但他们代替不了一个真正负责你定制前端的人。

## 那“可组合电商”呢

同一个想法，为企业采购周期重新包装了一下。“可组合”= 为每项功能（CMS、搜索、PIM、购物车、结账、税务）各选最好的产品，再通过 API 把它们连起来。有团队去串联它们时，这行得通。没有团队时，它就成了维护负担。

对于年营收低于约 $10M 的店铺，可组合几乎总是个错误。集成面太大，每换一个供应商，都会有东西坏掉。

## Shoprocket 的定位

我们覆盖第 1 层和第 2 层，并且坦率地告诉你该选哪一个。

**第 2 层（嵌入式组件），是我们 95% 客户的默认选择。**粘贴一个 script 标签，组件就会在你现有的网站里渲染。商品目录、购物车、结账、搜索、变体、支付，全部搞定。固定订阅费，起价 $29/月，0% 交易费。这是最快的路径，也是对大多数店铺正确的路径。

**第 1 层（完全无头），技术上支持，但很少推荐。**`@shoprocket/core` SDK（[shoprocket-js](https://github.com/shoprocket/shoprocket-js)）以编程方式暴露商品、购物车状态和会话。你可以自己渲染每一个像素，直接与我们的 API 对话。同样的固定订阅费涵盖它。

**为什么即使它可行，我们也不主推第 1 层：**在自定义前端里覆盖所有边缘情况（加载状态、空购物车、变体选择界面、结账流程、错误处理、无障碍、移动端视口、21 种语言版本的国际化）是大量的工程工作。组件把这一切都内置好了，并经过数千家店铺的检验。除非你有特定的体验理由，否则你就是在重新实现一个已经解决的问题。

如果你有那样的特定体验理由，并且有专职的工程能力，核心 SDK 就在那里。否则：粘贴组件，然后继续前进。

> **提示：**如果某家供应商自称“无头”，却回答不出“你们推荐哪个前端框架？”，那它大概是嵌入式组件。这没问题；只是要清楚自己买的是什么。

## TL;DR

- **完全无头：** commercetools、Saleor、Medusa、Shopify Storefront API、BigCommerce Headless。只有在有特定体验需求、多渠道、规模或专职开发团队时才值得。
- **嵌入式组件：** Shoprocket、Snipcart、Ecwid。对大多数“想要无头”的店铺来说，这是正确答案。Shoprocket 也通过核心 SDK 支持完全无头，以应对你偶尔需要的情况。
- **传统模式：** Shopify + 主题、BigCommerce + 主题。如果你还没有网站，这仍然是最快的路径。

大多数要求无头的企业，真正想要的是嵌入式组件这一层。如果这听起来像你，[开始 Shoprocket 的免费试用](https://app-v3.shoprocket.io/signup)。14 天，无需绑卡。[价格](https://v3.shoprocket.io/zh/pricing.md)从 $29 起。

---

- HTML version: https://v3.shoprocket.io/zh/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want
- Language: 中文 (zh)
- Also in: [العربية](https://v3.shoprocket.io/ar/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Deutsch](https://v3.shoprocket.io/de/blog/headless-commerce-drei-stufen-optionen-entscheidung.md), [Ελληνικά](https://v3.shoprocket.io/el/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [English](https://v3.shoprocket.io/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Español](https://v3.shoprocket.io/es/blog/headless-commerce-tres-niveles-opciones-reales.md), [Français](https://v3.shoprocket.io/fr/blog/commerce-headless-trois-niveaux-quelle-option-choisir.md), [עברית](https://v3.shoprocket.io/he/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [हिन्दी](https://v3.shoprocket.io/hi/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Bahasa Indonesia](https://v3.shoprocket.io/id/blog/headless-commerce-tiga-tingkatan-pilihan-nyata-dan-mana-yang-anda-butuhkan.md), [Italiano](https://v3.shoprocket.io/it/blog/headless-commerce-tre-livelli-opzioni-reali-quale-scegliere.md), [日本語](https://v3.shoprocket.io/ja/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Lietuvių](https://v3.shoprocket.io/lt/tinklarastis/headless-prekyba-trys-lygiai-ir-kuris-jums-tinka.md), [Norsk](https://v3.shoprocket.io/nb/blogg/headless-commerce-tre-nivaer-reelle-alternativer-og-hva-du-trenger.md), [Nederlands](https://v3.shoprocket.io/nl/blog/headless-commerce-drie-niveaus-welke-past-bij-jou.md), [Polski](https://v3.shoprocket.io/pl/blog/headless-commerce-trzy-poziomy-realne-opcje-co-wybrac.md), [Português](https://v3.shoprocket.io/pt/blog/headless-commerce-tres-niveis-opcoes-reais-e-qual-voce-provavelmente-quer.md), [Română](https://v3.shoprocket.io/ro/blog/headless-commerce-cele-trei-niveluri-si-care-ti-trebuie.md), [Русский](https://v3.shoprocket.io/ru/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [ไทย](https://v3.shoprocket.io/th/blog/headless-commerce-the-three-tiers-the-real-options-and-which-one-you-probably-actually-want.md), [Türkçe](https://v3.shoprocket.io/tr/blog/headless-ticaret-uc-kademe-gercek-secenekler-ve-hangisini-istiyorsunuz.md)