コマース統合フレームワークを使用した、AEM と Adobe Commerce（Magento）の統合 aem-commerce-framework

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

アーキテクチャの概要 overview

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

CIF 内では、サーバーサイドとクライアントサイドの通信パターンがサポートされます。
サーバーサイドの API 呼び出しは、組み込みの汎用 GraphQL クライアントと、コマース GraphQL スキーマ用に生成された一連のデータモデルを組み合わせて実装されます。さらに、任意の GraphQL クエリや GQL 形式のバリエーションも使用できます。

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 ストア用に設定されたクライアントを簡単に取得できます。