使用 Salesforce Commerce API 的 Headless Commerce
Composable Storefront 是 Storefront Reference Architecture (SFRA) 的替代方案，它采用模块化方法，使用单独的独立组件构建自定义在线网店。通过前后端解耦架构，将网店和用户体验从数据和业务逻辑中分离出来。您可以使用可自定义、可扩展的解决方案来组合自己独特的品牌标识和体验。
Composable Storefront 由两个主要组件组成：
- Progressive Web Application (PWA) Kit：一个开源框架，用于使用 JavaScript 和 React.js 框架创建网店。这使您可以控制网店对购物者的外观和感觉。
- Managed Runtime (MRT)：适用于无头数字网店的无服务器、高度可扩展、高度可用的托管环境。Managed Runtime 提供用于部署、托管和管理 PWA 前端的基础架构。
使用 Composable Storefront，您可以在 Salesforce Commerce API (SCAPI) 之上构建网店，并且可以通过组合包含其他供应商的解决方案来增强内置功能，例如，添加第三方搜索应用程序或内容管理系统 (CMS) 提供商。
下图提供了一个示例 B2C Commerce 堆栈。包含 PWA Kit 和 MRT 的 Composable Storefront 显示为使用 SCAPI 与 B2C Commerce 实例通信的两个无头实现之一。还显示了直接与 B2C Commerce 实例通信的 SFRA 网店。B2C Commerce 组件包括 Script API 以及具有 SCAPI Hook 和 SCAPI 自定义 API 的插件。
PWA Kit 框架包括一些工具，可帮助为整个购物者旅程创建完整的网店。您可以在我们的演示站点上查看示例 PWA Kit 网店。
您创建的 PWA Kit 应用在 MRT 上运行。MRT 使用 SCAPI 与您站点上的功能进行交互，包括产品、目录、购物车、促销、库存、运输和计费。
CDN 与 MRT 捆绑在一起，不需要额外的配置，它负责将请求定向到最近的应用服务器，以确保快速有效地处理。
CDN 包括四个主要组件：
- CDN 缓存
- Edge 函数，用于优化缓存命中率。如果再次发出相同的请求，可以从缓存中检索响应，而不必再次生成。这通过提供更快的响应时间来改善整体购物者体验。
- 与网店相关的资源，例如：静态 Javascript、CSS 和 sprites。
- 用于将请求转发到 SCAPI、OCAPI 和其他外部 API 的代理。
使用 CDN，您可以：
- 在 MRT CDN 之上堆叠嵌入式 CDN (eCDN)，B2C Commerce 的默认 CDN，以便更好地控制 Web 应用程序防火墙 (WAF)/日志/安全/路由，
- 使用 Edge 函数自定义将请求路由到无服务器基础架构（请求处理器）的方式。
PWA Kit 作为无服务器实现托管在 MRT 上。无服务器基础架构具有高度可扩展性、高可用性、低维护成本和高性能：
- MRT 可以扩大或缩小规模，以适应所有级别的网店流量，无论是假日购物的大幅增加，还是流量最小的测试环境。
- 您可以拥有许多 Managed Runtime 环境（100 个开箱即用），无需额外费用，并且使用 UI 或 API 轻松启动和停止实例。
- 您可以快速部署更改并在更改历史记录中查看所有更改，这也可以轻松回滚。
- 所有 MRT 环境都分配了等效的资源，这意味着您的生产和开发环境看起来是一样的。
SCAPI 功能分为两大类：购物者 API 和管理 API。每个组进一步分为 API 系列，每个系列都专注于相关功能。Shopper API 组专为面向客户的功能而设计，例如产品浏览、购物车管理和结账。Admin API 组针对面向商家的功能，例如产品管理、订单管理、库存管理和客户管理。
在构建 Composable Storefront 或其他无头网店时，还具有 SCAPI Hook，可用于自定义行为并添加更多自定义端点。
下图说明了购物者浏览器与 MRT 之间的通信流，以及 MRT 与 SCAPI、OCAPI 和外部 API 的通信。
浏览其他 Composable Storefront 和 SCAPI 指南：