ドキュメントAEMAEM チュートリアルAEM ヘッドレスチュートリアル

AEM ヘッドレス web コンポーネントデプロイメント

Last update: Thu Mar 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用対象:
  • Experience Manager as a Cloud Service
  • トピック:

作成対象:

  • 中級
  • 開発者

AEM ヘッドレス web コンポーネント/JS デプロイメントは、web ブラウザーで動作し、AEM のコンテンツをヘッドレス方式で消費し操作する純粋な JavaScript アプリです。Web コンポーネント/JS デプロイメントは、堅牢な SPA フレームワークを使用せず、任意の web サイトのコンテキストに埋め込まれて AEM のコンテンツを表示することが想定される点で、SPA デプロイメントとは異なります。

デプロイメント設定

Web コンポーネント/JS デプロイメントでは、次のデプロイメント設定が必要です。

Web コンポーネント/JS アプリの接続先 →
AEM オーサー
AEM パブリッシュ
AEM プレビュー
Dispatcher フィルター
✘
✔
✔
クロスオリジンリソース共有(CORS)
✔
✔
✔
AEM ホスト
✔
✔
✔

Web コンポーネントの例

アドビでは、web コンポーネントの例を提供しています。

Web コンポーネント

Web コンポーネント

AEM ヘッドレス GraphQL API のコンテンツを使用する、純粋な JavaScript で記述された web コンポーネントの例です。

例を表示

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4