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

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