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

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

メモ

サポートされる GraphQL API の最小バージョンは 2.3.5 です。一部の機能は、新しいバージョンでのみ、または Adobe Commerce エディションでのみサポートされます。

アーキテクチャの概要

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

CIF アーキテクチャの概要

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

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

AEM CIF コアコンポーネントのアーキテクチャ

AEM CIF コアコンポーネントのアーキテクチャ

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

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

ヒント

AEM CIF コアコンポーネントのカスタマイズページには、CIF コアコンポーネントのカスタマイズ方法に関する詳細な例とベストプラクティスが記載されています。

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

このページ