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.
- Nesse cenário, o CIF se comunica com o comércio por meio do GraphQL.
- Fragmentos de conteúdo do AEM trabalham em conjunto com a API GraphQL do AEM (uma implementação personalizada, com base no GraphQL padrão), para fornecer conteúdo estruturado para uso em seus aplicativos.
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 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
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.
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.