Commerce Integration Framework を使用した、AEM と Adobe Commerce（Magento）の統合 aem-commerce-framework

Experience Manager と Adobe Commerce は、Commerce Integration Framework（CIF）を使用してシームレスに統合されます。 CIF を使用すると、AEM は Adobe Commerce の GraphQL API を使用して、コマースインスタンスに直接アクセスして通信できます。

アーキテクチャの概要 overview

全体的なアーキテクチャは次のとおりです。

CIF 内では、サーバーサイドとクライアントサイドの通信パターンがサポートされます。
サーバーサイド API呼び出しは、ビルトインの汎用GraphQL クライアント ​と、Commerce GraphQL スキーマの生成データモデルのセット ​を組み合わせて使用して実装されます。 さらに、GQL フォーマットのGraphQLクエリやミューテーションも使用できます。

React を使用して構築されるクライアントサイドコンポーネントの場合は、Apollo Client が使用されます。

AEM CIF コアコンポーネントのアーキテクチャ cif-core-components

AEM CIF コアコンポーネントは、AEM WCM コアコンポーネントと同様の設計パターンとベストプラクティスに従っています。

AEM CIF コアコンポーネントの Adobe Commerce とのビジネスロジックとバックエンドの通信は、Sling Model で実装されます。 プロジェクト固有の要件を満たすために、このロジックをカスタマイズする必要がある場合は、Sling モデルの委任パターンを使用できます。

プロジェクト内では、AEM CIF コアコンポーネントとカスタムプロジェクトコンポーネントは、Sling Context-Aware 設定を使用して、AEM ページに関連付けられた Adobe Commerce ストア用に設定されたクライアントを簡単に取得できます。