Os projetos do Adobe Experience Manager podem ser implementados em modelos headful ou headless, mas a escolha não precisa ser binária. O AEM oferece a flexibilidade para explorar as vantagens de ambos os modelos em um projeto. Este documento fornece uma visão geral dos diferentes modelos e descreve os níveis de integração do SPA.
O AEM oferece ferramentas eficientes para gerenciar a criação de conteúdo e sua entrega em uma única plataforma. É um modelo “headful” tradicional de gestão de conteúdo, em que os autores e desenvolvedores de conteúdo trabalham na mesma plataforma para fornecer as experiências aos consumidores de conteúdo.
O AEM também pode ser usado para simplesmente gerenciar o conteúdo, permitindo que a apresentação e a entrega do conteúdo sejam gerenciadas por outra plataforma. Esse é o modelo “headless” de gerenciamento de conteúdo, em que os autores e desenvolvedores de conteúdo trabalham em plataformas diferentes para fornecer experiência aos consumidores de conteúdo.
Mas essa não precisa ser uma escolha binária. O AEM oferece flexibilidade sem precedentes, permitindo explorar as vantagens de ambos os modelos para o seu projeto.
Em um modelo com pilha completa ou headful, o conteúdo é gerenciado no repositório do AEM, e os componentes do AEM com base em Java, HTL etc. são usados para renderizar o conteúdo da experiência do usuário. Neste modelo, a criação de conteúdo, o estilo, a apresentação e a entrega acontecem no AEM.
Em um modelo headless, o conteúdo é gerenciado no repositório do AEM, mas entregue por APIs, como REST e GraphQL, a outro sistema para renderizar o conteúdo da experiência do usuário. Neste modelo, o conteúdo é criado no AEM, mas a estilização, a apresentação e a entrega acontecem em outra plataforma.
Aplicativos de página única (SPAs) geralmente são o destino para o conteúdo entregue de forma headless pelo AEM. No entanto, esses SPA não precisam ser totalmente externos ao AEM. AEM permite que você decida em que grau seu SPA é integrado ao AEM. Vamos ver um exemplo.
Digamos que você tem uma loja virtual para sua empresa como SPA. Nela, você tem todos os detalhes e imagens do produto. Em seguida, você apresenta o AEM para potencializar seus esforços de marketing, como sites promocionais, blogs e conteúdo da campanha. Como integrar os dois? O AEM permite várias opções:
A próxima seção explora esses níveis de integração com mais detalhes.
É claro que você também poderia reimplementar o SPA da loja virtual como um SPA totalmente funcional do AEM usando a estrutura do Editor de SPA do AEM. Se você já tem o AEM e quer criar uma nova loja virtual ou outro SPA, esse é o método recomendado, mas ele está fora do escopo deste documento.
A integração de SPA se enquadra em quatro níveis no AEM.
O Nível 1 é um exemplo de uma implementação headless típica. No entanto, os autores de conteúdo só podem visualizar seu conteúdo no contexto no SPA. O AEM é apenas uma ferramenta de criação.
A vantagem e a flexibilidade do AEM tornam-se evidentes com os níveis 2 e 3, mantendo as vantagens do SPA. Os autores de conteúdo podem criar o conteúdo no AEM, mas também visualizá-lo no contexto no AEM. O SPA ganha a capacidade de ser criado no AEM, mas ainda pode ser entregue como um SPA.
Há diferentes ferramentas no AEM disponíveis dependendo do nível de integração escolhido. Cada nível se baseia nas ferramentas usadas no anterior. A lista a seguir contém links para os recursos relevantes.