Adobe Experience Manager 项目可以在 Headful 和 Headless 模型中实施,但不是一个二选一的选择。利用 AEM,可以在一个项目中灵活地运用这两种模型的优势。本文档概述了不同的模型,并描述了 SPA 集成的级别。
AEM 提供了功能强大的工具来管理一个平台上的内容创建和交付操作。这是传统的内容管理“Headful”模型,在该模型中,内容作者和开发人员在同一个平台上工作以将体验交付给内容消费者。
AEM 还可用于简单地管理内容,并允许呈现和交付要由另一个平台管理的内容。这是内容管理“Headless”模型,在该模型中,内容作者和开发人员在不同的平台上工作以将体验交付给内容消费者。
但这不必是一个二选一的选择。AEM 提供了前所未有的灵活性,使您能够在项目中灵活地运用这两种模型的优势。
在 Headful 或全栈模型中,内容在 AEM 存储库中进行管理,而基于 Java、HTL 等的 AEM 组件用于呈现用户体验的内容。在此模型中,内容的创建、样式设置、呈现和交付操作都在 AEM 中进行。
在 Headless 模型中,内容在 AEM 存储库中管理,但通过 REST 和 GraphQL 等 API 交付到另一个系统以呈现用户体验的内容。在此模型中,内容的创建操作是在 AEM 中进行的,但内容的样式设置、呈现和交付操作是在另一个平台中进行的。
单页应用程序 (SPA) 通常是 AEM 以 Headless 方式交付内容的目标。但是,这些 SPA 不必完全在 AEM 外部。利用 AEM,您可以决定 SPA 集成到 AEM 中的程度。让我们举个例子。
假设您将公司现有的网上商店作为 SPA,其中包含所有产品详细信息和图像。随后,您引入 AEM 来支持您的营销工作,例如促销网站、博客和活动内容。如何将这两者集成?AEM 支持一系列选项:
在下一部分中,我们将更详细地探究这些集成级别。
当然,您也可以将网上商店 SPA 作为功能齐全的 AEM SPA 重新实施,方式是使用 AEM SPA Editor 框架。如果您已拥有 AEM 并希望创建新的网上商店或其他 SPA,建议使用此方式,但本文档未对此方式进行介绍。
SPA 集成归入 AEM 中包含四个级别的系列中。
级别 1 是典型 Headless 实施的示例。但是,内容作者只能在 SPA 中的上下文中查看其内容。AEM 只是一项创作工具。
AEM 的优势和灵活性在级别 2 和级别 3 中变得明显,同时仍保留了 SPA 的优势。内容作者既可以在 AEM 中创建其内容,也可以在 AEM 中的上下文中查看其内容。虽然可以在 AEM 中创作 SPA,但它将作为 SPA 交付。
AEM 中提供了不同的工具,具体取决于您选择的集成级别。每个级别均基于之前使用的工具而构建。以下列表将链接到相关资源。