Os projetos do Adobe Experience Manager podem ser implementados em modelos headful e sem periféricos, mas a escolha não é binária. 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 SPA.
O AEM oferece ferramentas poderosas para gerenciar a criação de conteúdo e seu delivery em uma única plataforma. Esse é 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.
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 "sem interface" 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 isso não precisa ser uma escolha binária. 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 AEM e AEM componentes 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 o delivery tudo acontece em AEM.
Em um modelo sem cabeçalho, o conteúdo é gerenciado no repositório de 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 em AEM, mas o estiliza, a apresentação e o delivery tudo acontece em outra plataforma.
Aplicativos de página única (SPA) geralmente são o destino para o conteúdo entregue de forma headless por AEM. No entanto, estas SPA não têm de ser totalmente externas à AEM. AEM permite decidir em que grau seus SPA estão integrados ao AEM. Vejamos um exemplo.
Digamos que você tem uma web shop existente para sua empresa como SPA. Você tem todos os detalhes e imagens do seu produto. Em seguida, você apresenta o AEM para potencializar seus esforços de marketing, como sites promocionais, blogs e conteúdo da campanha. Como o senhor integra os dois? AEM permite um espectro de 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 web shop como um AEM totalmente funcional SPA usando a estrutura AEM SPA Editor . Se você já tiver AEM e quiser criar uma nova web shop ou outra SPA, esse será o método recomendado, mas ele estará fora do escopo deste documento.
SPA integração se enquadra em um espectro de quatro níveis em AEM.
O Nível 1 é um exemplo de uma implementação sem cabeçalho típica. No entanto, os autores de conteúdo só podem visualizar seu conteúdo no contexto da SPA. AEM é apenas uma ferramenta de criação.
A vantagem e a flexibilidade da AEM tornam-se evidentes com os níveis 2 e 3, mantendo ao mesmo tempo as vantagens da SPA. Os autores de conteúdo podem criar o conteúdo no AEM, mas também visualizá-lo no contexto do AEM. O SPA ganha a capacidade de ser criado em 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 vincula-se aos recursos relevantes.