Integração entre AEM e Adobe Commerce usando o Commerce integration framework aem-framework
O Experience Manager e o Adobe Commerce são perfeitamente integrados usando o Commerce integration framework (CIF). O CIF permite que o AEM acesse e se comunique diretamente com a instância de comércio usando as APIs do GraphQL da Adobe Commerce.
- Nesse cenário, o CIF se comunica com o comércio por meio do GraphQL.
- Fragmentos de conteúdo do AEM trabalham em conjunto com a API GraphQL do AEM (uma implementação personalizada, com base no GraphQL padrão), para fornecer conteúdo estruturado para uso em seus aplicativos.
Visão geral da arquitetura overview
Esta é a arquitetura geral:
No CIF, há suporte para padrões de comunicação do lado do servidor e do lado do cliente.
As chamadas de APIs do lado do servidor são implementadas usando o cliente GraphQL interno e genérico junto com um conjunto de modelos de dados gerados para o esquema GraphQL de comércio. Além disso, qualquer consulta ou mutação do GraphQL no formato GQL pode ser usada.
Para os componentes do lado do cliente, que são compilados usando o React, o Cliente Apollo é usado.
AEM Arquitetura dos Componentes principais do CIF cif-core-components
AEM Os Componentes principais do CIF seguem padrões de design e práticas recomendadas muito semelhantes aos dos Componentes principais do WCM do AEM.
A lógica de negócios e a comunicação de back-end com o Adobe Commerce AEM para os Componentes principais do CIF são implementadas em Modelos Sling. Caso seja necessário personalizar essa lógica para atender aos requisitos específicos do projeto, o padrão de delegação para Modelos do Sling pode ser usado.
Nos projetos, os Componentes principais do CIF e os componentes do projeto personalizado podem recuperar facilmente o cliente configurado para uma loja da Adobe Commerce AEM associada a uma página do AEM por meio da configuração com reconhecimento de contexto do Sling.
Pesquisar search
O CIF fornece um Componente principal de pesquisa pronto para uso, que é uma experiência de pesquisa renderizada no lado do servidor com base na API do Commerce GraphQL. Os clientes do Commerce têm a opção de usar o Live Search. Siga este link para saber mais sobre a integração CIF - Live Search.