Integration von AEM und Adobe Commerce (Magento) mithilfe des Commerce Integration Framework

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

Architekturüberblick

Die Gesamtarchitektur sieht wie folgt aus:

CIF-Architekturübersicht

In CIF werden serverseitige und Client-seitige Kommunikationsmuster unterstützt.
Server-seitige APIs werden mithilfe des integrierten, generischen GraphQL-Clients in Kombination mit einem Satz generierter Datenmodelle für das Commerce-GraphQL-Schema implementiert. Zusätzlich können alle 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

Architektur mit den AEM CIF-Kernkomponenten

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

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

TIPP

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 Adobe Commerce-Store, der mit einer AEM verknüpft ist, einfach über eine kontextabhängige Sling-Konfiguration abrufen.

Auf dieser Seite