Integration von AEM und Adobe Commerce (Magento) mithilfe des Commerce Integration Framework aem-commerce-framework

Adobe Experience Manager und Adobe Commerce werden über das Commerce Integration Framework (CIF) nahtlos integriert. CIF ermöglicht AEM direkten Zugriff auf und die direkte Kommunikation mit der Commerce-Instanz mithilfe der GraphQL-APIs von Adobe Commerce.

Architekturüberblick overview

Die Gesamtarchitektur sieht wie folgt aus:

CIF unterstützt Server-seitige und Client-seitige Kommunikationsmuster.
Server-seitige APIs werden mithilfe des integrierten, generischen GraphQL-Clients in Kombination mit einem Satz generierter Datenmodelle für das Commerce-GraphQL-Schema implementiert. Darüber hinaus können beliebige GraphQL-Abfragen oder Mutationen im GQL-Format verwendet werden.

Bei Client-seitigen Komponenten, die mit React erstellt werden, kommt der Apollo-Client zum Einsatz.

Architektur mit den AEM CIF-Kernkomponenten cif-core-components

AEM CIF-Kernkomponenten folgen sehr ähnlichen Design-Mustern und Best Practices wie die AEM WCM-Kernkomponenten.

Die Geschäftslogik und Backend-Kommunikation mit Adobe Commerce für die AEM CIF-Kernkomponenten werden in Sling-Modellen implementiert. Falls es notwendig ist, diese Logik an projektspezifische Anforderungen anzupassen, kann das Delegationsmuster für Sling-Modelle verwendet werden.

Innerhalb von Projekten können AEM CIF-Kernkomponenten und benutzerdefinierte Projektkomponenten den konfigurierten Client für einen mit einer AEM-Seite verknüpften Adobe Commerce-Store über eine Sling-kontextsensible Konfiguration abrufen.