Integração do AEM e do Adobe Commerce (Magento) usando a Commerce Integration Framework

O Experience Manager e o Adobe Commerce (Magento) são perfeitamente integrados usando a Commerce Integration Framework (CIF). A CIF permite que o AEM acesse e comunique diretamente com a instância de comércio usando as APIs GraphQL do Adobe Commerce.

OBSERVAÇÃO

A versão mínima da API GraphQL compatível é a 2.3.5. Alguns recursos são compatíveis apenas em versões mais recentes ou apenas na edição Adobe Commerce.

Visão geral da arquitetura

Esta é a arquitetura geral:

Visão geral da arquitetura da CIF

Na 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 integrado e genérico GraphQL em combinação com um conjunto de modelos de dados gerados para o schema 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.

Arquitetura dos Componentes principais da CIF do AEM

Arquitetura dos Componentes principais da CIF do AEM

AEM Os Componentes principais da CIF seguem padrões de design e práticas recomendadas muito semelhantes aos dos Componentes principais do AEM WCM.

A lógica de negócios e a comunicação de back-end com o Adobe Commerce para os Componentes principais da CIF do AEM são implementadas nos Modelos do 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.

DICA

A página Personalizar os Componentes principais da CIF do AEM tem um exemplo detalhado e oferece as práticas recomendadas para personalizar os componentes principais da CIF.

Nos projetos, AEM os Componentes principais da CIF e os componentes do projeto personalizado podem recuperar facilmente o cliente configurado para uma loja do Adobe Commerce associada a uma página AEM por meio da configuração com reconhecimento de contexto do Sling.

Nesta página