既存の AEM プロジェクトでの Edge Delivery Services の使用 existing-projects

新しい AEM プロジェクトで Edge 配信サービスのメリットを活用できるようになるまで待つ必要はありません。Edge 配信サービスは既存の AEM プロジェクトに統合できるので、パフォーマンスの向上をすぐに活用できます。

AEM ページエディターの制限事項 page-editor

Edge Delivery Services が登場する前は、AEM で管理されるコンテンツは、AEM ページエディターを使用して編集されていました。Edge Delivery Services の導入前にプロジェクトが開始されていた場合、ページエディターを使用していることはほぼ確実です。

AEM ページエディターは、[コアコンポーネントなどの AEM コンポーネントでのみ機能します。](https://experienceleague.adobe.com/docs/experience-manager-core-components/using/introduction.html?lang=ja)これらのコンポーネントは、Edge Delivery Services とは互換性がありません。このため、既存の AEM プロジェクトに Edge Delivery Services を導入するには、次の 2 つの段階が必要です。

フェーズ 1 - フロントエンドの置換 replace-front-end

フェーズ 1 では、既存の AEM サイト構造、コンポーネント、オーサリングツールを引き続き使用できます。Web サイトのレンダリングは、JavaScript と CSS のブロックを使用して再構築され、Edge Delivery Services 経由で配信されます。

ブロックの詳細と、Edge Delivery Services 向けの開発方法について詳しくは、Edge Delivery Services に関するドキュメントのビルドセクションを参照してください。

AEM でレンダリングされた HTML 出力を変換して Edge Delivery Services に送信するには、App Builder 上のコンバーターが必要です。

フェーズ 2 では、AEM オーサー環境での HTL と Java を備えた AEM コアコンポーネント、Edge 配信環境での JS ベースのブロック、NodeJS ベースのコンバーターというテクノロジーの重複を排除して、プロセスを完了します。

フェーズ 2 - ユニバーサルエディターに切り替える switch-ue

このフェーズでは、AEM ページエディターがユニバーサルエディターに置き換えられます。ユニバーサルエディターではブロックを直接操作できるので、AEM コアコンポーネントとコンバーターは不要になりました。