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 Adobe Commerce acesse e se comunique diretamente com a instância de comércio usando o APIs do GraphQL.

NOTE
A versão mínima da API do GraphQL com suporte é 2.3.5. Alguns recursos são compatíveis somente com versões mais recentes ou apenas com a edição do Adobe Commerce.

Visão geral da arquitetura overview

Esta é a arquitetura geral:

Visão geral da arquitetura da CIF

No CIF, há suporte para padrões de comunicação do lado do servidor e do lado do cliente.
As chamadas de API do lado do servidor são implementadas usando o modelo integrado e genérico cliente do GraphQL em combinação com um conjunto de modelos de dados gerados para o esquema de comércio do GraphQL. 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 cif-core-components

Arquitetura dos Componentes principais da CIF do AEM

Componentes principais da CIF do AEM seguir padrões de design e práticas recomendadas muito semelhantes aos da Componentes principais do WCM no 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.

TIP
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, 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.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2