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.
Zur Unterstützung der GraphQL-API ist mindestens die Version 2.3.5 erforderlich. Bestimmte Funktionen werden nur von neueren Versionen oder nur von der Adobe Commerce-Edition unterstützt.
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.
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.
Die Seite Anpassen von AEM CIF-Kernkomponenten enthält ein detailliertes Beispiel und Best Practices zur Anpassung von CIF-Kernkomponenten.
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.