Integração de AEM e Adobe Commerce (Magento) usando o Commerce integration framework aem-commerce-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.

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 integrado e genérico junto com um conjunto de modelos de dados gerados para o esquema GraphQL de comércio. Além disso, podem ser usados qualquer consulta ou mutação GraphQL no formato GQL.

Para os componentes do lado do cliente, que são criados 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.