AEM中的Headful和Headless

Adobe Experience Manager项目可以在头和头两种模型中实施，但选择并不是二进制的。 AEM可以灵活地在一个项目中利用这两种模型的优势。 本文档提供并概述了不同的模型，并描述了SPA集成的级别。

概述

AEM提供了强大的工具，可在一个平台中管理内容的创建及其交付。 这是一种传统的“头戴式”内容管理模型，内容作者和开发人员在同一平台上工作，以向内容消费者提供体验。

AEM还可用于简单地管理内容，从而允许由其他平台管理内容的演示和交付。 这是内容管理的“无头”模型，内容作者和开发人员在不同的平台上工作，以向内容消费者提供体验。

但这不一定是二选一。 AEM提供了前所未有的灵活性，允许您利用这两个模型在项目中的优势。

在标题式或全堆栈式模型中，内容基于Java、HTL等在AEM存储库和AEM组件中进行管理。 用于呈现用户体验的内容。 在此模型中，可在AEM中创建内容、为其设置样式、演示内容并交付所有内容。

在无头模型中，内容在AEM存储库中进行管理，但通过REST和GraphQL等API交付到其他系统，以呈现用户体验的内容。 在此模型中，内容是在AEM中创建的，但是会为其设置样式、呈现内容并在其他平台上交付所有内容。

单页应用程序(SPA)通常是AEM无缝交付内容的目标。 但是，这些SPA不必完全是AEM的外部组件。 AEM允许您决定将SPA集成到AEM的程度。 让我们举个例子。

Web Shop示例

假设您现有一个Web商店，供您的公司用作SPA。 其中包含您的所有产品详细信息和图像。 然后，您将引入AEM以支持营销工作，如促销网站、博客和营销活动内容。 如何将二者相结合？ AEM可启用一系列选项：

• 允许系统独立运行。
• 通过GraphQL从AEM中为Web商店提供有限的内容。 内容可由作者在AEM中创建，但只能通过Web商店SPA查看。
• 在AEM中嵌入Web Shop SPA。 内容可由作者在AEM中创建，并在AEM的Web Shop上下文中查看，但不能进行操作。
• 在AEM中嵌入Web Shop SPA，并启用可编辑的点。 内容可由作者在AEM中创建，并在AEM中在Web Shop的上下文中查看，而且作者在AEM中处理Web Shop SPA内容的能力有限。
• 在AEM中嵌入网页商店SPA，并启用整个区域进行编辑。 内容可由作者在AEM中创建，并在AEM中在Web Shop的上下文中查看，而且作者在AEM中处理Web Shop SPA内容的能力有限。

下一节将更详细地探讨这些级别的集成。

SPA集成级别

SPA集成属于AEM中的四个级别。

• 级别0:无集成
  • SPA和AEM单独存在，且不交换任何信息。
  • 内容是在两个不同的系统中独立创建、管理和交付的。
• 级别1:内容片段集成
  • 内 容片段用于创建和管理SPA的有限内容。
  • SPA通过AEM GraphQL API检索此内容。
  • 某些内容在AEM中进行管理，而某些内容则在外部系统中管理。
  • 内容只能在SPA中查看。
• 级别2:在AEM中嵌入SPA
  • 内 容片段用于创建和管理SPA的内容。
  • SPA通过AEM GraphQL API检索此内容。
  • 某些内容在AEM中进行管理，而某些内容则在外部系统中管理。
  • 可以在AEM内在上下文中查看内容。
  • 可以在AEM中编辑有限的内容。
• 第3级：在AEM中嵌入并完全启用SPA
  • 内 容片段用于创建和管理SPA的内容。
  • SPA通过AEM GraphQL API检索此内容。
  • 可以在AEM内在上下文中查看内容。
  • 大多数内容都可以在AEM中编辑。

1级是典型无头实施的示例。 但是，内容作者只能在SPA中在上下文中查看其内容。 AEM只是一个创作工具。

在级别2和级别3中，AEM的优势和灵活性变得显而易见，同时仍保留SPA的优势。 内容作者可以在AEM中创建其内容，但也可以在AEM中在上下文中查看内容。 SPA具有在AEM中创作的功能，但仍作为SPA提供。

实施集成级别

AEM中提供了不同的工具，具体取决于您选择的集成级别。 每个级别都基于上一个级别中使用的工具。 以下列表链接到相关资源。

• 级别1: 内容片段和 AEM无 头框架可用于将AEM内容交付到SPA。
• 级别2: 除级别1之外：
  • RemotePage组件 可用于将外部SPA嵌入到AEM中，以便能够在上下文中查看AEM内容。
  • SPA上的某些点也可以启用到AEM中的允许进行有限的编辑。
• 级别3: 除级别2之外：
  • 可以启用SPA的整个区域，以便在AEM中进行全面编辑。