使用 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 的插件。

B2C Commerce 堆栈

Progressive Web Application (PWA) Kit

PWA Kit 框架包括一些工具，可帮助为整个购物者旅程创建完整的网店。您可以在我们的演示站点上查看示例 PWA Kit 网店。

Managed Runtime 环境 (MRT)

您创建的 PWA Kit 应用在 MRT 上运行。MRT 使用 SCAPI 与您站点上的功能进行交互，包括产品、目录、购物车、促销、库存、运输和计费。

内容交付网络 (CDN)

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

SCAPI 功能分为两大类：购物者 API 和管理 API。每个组进一步分为 API 系列，每个系列都专注于相关功能。Shopper API 组专为面向客户的功能而设计，例如产品浏览、购物车管理和结账。Admin API 组针对面向商家的功能，例如产品管理、订单管理、库存管理和客户管理。

在构建 Composable Storefront 或其他无头网店时，还具有 SCAPI Hook，可用于自定义行为并添加更多自定义端点。

下图说明了购物者浏览器与 MRT 之间的通信流，以及 MRT 与 SCAPI、OCAPI 和外部 API 的通信。

Composable Storefront 如何与 SCAPI 协同工作

接下来的步骤

浏览其他 Composable Storefront 和 SCAPI 指南：

Composable Storefront

SCAPI

OCAPI

开始使用 OCAPI

另请参阅

为什么使用 SCAPI