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 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.
NOTE
O GraphQL é usado atualmente em dois cenários (separados) no Adobe Experience Manager (AEM) as a Cloud Service:

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 APIs 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, qualquer consulta ou mutação do GraphQL no formato GQL pode ser usada.

Para os componentes do lado do cliente, que são criados usando React, o Cliente Apollo é usada.

AEM Arquitetura dos Componentes principais do CIF 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.

Pesquisar search

O CIF fornece uma solução pronta para uso Componente principal de pesquisa que é uma experiência de pesquisa renderizada no lado do servidor com base em API do GraphQL para comércio. Os clientes do Commerce têm a opção de usar o Live Search em vez disso. Siga este link para saber mais sobre a integração CIF - Live Search.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab