无头商务将前端与后端分开。后端（head）通过API提供数据。前端自由消费和渲染。本指南探讨了架构、优点和实施注意事项。
什么是无头商务
概念
没有耦合前端的电子商务后端。
架构
API 公开功能。前端消耗。
灵活性
任何前端都可以使用后端。
传统与无头
整体式
前端和后端统一。不太灵活，更简单。
###无头
分开了。更灵活，更复杂。
好处
性能
优化的前端。静态生成、边缘渲染。
设计灵活性
UI不受模板限制。
全渠道
网络、应用程序、信息亭的后端相同。
技术堆栈自由
使用 React、Vue、[Next.js0。选择。
开发速度
前后队独立。
缺点
复杂性
更多部件需要管理。
成本
进一步开发和维护。
上市时间
第一个版本需要更长的时间。
需要专业知识
需要合格的开发人员。
组件
商务后端
目录、购物车、订单、付款。
API
REST 或 [GraphQL1 公开功能。
前端
[PWA2â、本机应用程序、任何演示文稿。
无头 CMS
编辑内容也通过 API。
集成
ERP、WMS、CRM 连接。
无头平台
商务工具
企业，从一开始 API 优先。
大商务
在既定平台上无头。
Shopify 氢
Shopify 的 React 框架。
美杜莎
开源，Node.js。
卖家
开源，Python/[GraphQL3。
前端选项
Next.js
与 SSR/SSG 发生反应。流行无头。
盖茨比
使用 React 的静态站点生成器。
努克斯特
Vue.js 等效项。
太空人
多框架、孤岛架构。
本机应用程序
iOS/Android 使用 API。
##性能
静态生成
预渲染页面。超快。
CDN
前端处于全球边缘。
情监侦
增量静态再生。世界上最好的。
核心网络生命力
完全控制性能。
API
###GraphQL
灵活性。客户询问他们需要什么。
休息
更简单。定义的端点。
商务 API
目录、购物车、结帐、订单。
网络钩子
事件通知。
##JAMstack
JavaScript
客户互动。
API
通过服务实现功能。
标记
预渲染 HTML。
关系
无头商务与 JAMstack 自然地结合在一起。
何时使用 Headless
适合
- 具有独特设计的品牌
- 多个频道
- 高临界性能
- 强大的技术团队
不适合
- [快速 MVP4
- 预算有限
- 小团队
- 简单的要求
与系统集成
企业资源规划
产品、库存、订单同步。
个人信息管理
产品信息管理。
世界卫生组织
订单管理系统。
###搜索
阿尔戈利亚，弹性搜索。
付款
通过 API 的网关。
可组合的商务
概念
为每个角色选择最佳组合。
自然进化
无头允许可组合性。
权衡
需要更多的力量、更多的集成。
迁移到 Headless
循序渐进
从部分开始。首先是登陆页面。
绞杀者图案
新的建筑逐渐取代旧的。
并行运行
新旧并存。
需要团队
前端开发人员
React/Vue 专家。
后端/API
强大且高性能的 API。
开发运营
CI/CD，基础设施。
整合
连接系统。
成本
发展
比现成的解决方案更大。
基础设施
CDN、托管、多种服务。
维护
更多注意点。
总拥有成本
考虑长远。
结论
无头商务提供卓越的性能和灵活性，但代价是复杂性。评估需求、能力和预算。对于需要差异化体验的品牌来说，这可能是理想的路径。
##常见问题解答
1) 无头更贵吗？ 一般来说是的。更多的开发和维护。
2) 我可以使用 Shopify headless 吗？ 是的。 Storefront API 和 Hydrogen 允许这样做。
3) Headless 更快吗？ 它可能会快得多。优化的前端。
4) 我需要一个大团队吗？ 需要有能力的技术团队。它不一定很大。
5) 我可以逐步迁移吗？ 是的。绞杀者图案。从零件开始。
另请阅读
- [电子商务可扩展性：店铺成长指南5
- [GraphQL 应用程序：实施指南6
- [应用程序API7
- [电子商务可扩展性：抵御高峰的必要步骤8
- 【GraphQL应用：真实案例的成本与定价9
- 【电商与App融合：渠道同步10