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

O Experience Manager e o Adobe Commerce 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 o Adobe Commerce APIs GraphQL.

OBSERVAÇÃO

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

OBSERVAÇÃO

O GraphQL é usado atualmente em dois cenários (separados) no Adobe Experience Manager (AEM) as a Cloud Service:

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 GraphQL em combinação com 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 Reagir, o Cliente Apollo é usada.

Arquitetura dos Componentes principais da CIF do AEM

Arquitetura dos Componentes principais da CIF do AEM

Componentes principais da CIF do AEM siga padrões de design e práticas recomendadas muito semelhantes à Componentes principais do WCM AEM.

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 da Adobe Commerce associada a uma página AEM por meio da configuração Sling sensível ao contexto.

Nesta página