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