サイトテーマを使用してサイトをより迅速にカスタマイズできるように、既存のサイトのフロントエンドパイプラインを有効にする方法について説明します。
フロントエンドパイプラインは、サイトテーマとサイトテンプレートに基づいて web サイトのフロントエンドコードだけを迅速にデプロイできるメカニズムです。
このパイプラインでは、フルスタックをデプロイするのではなくフロントエンドコードのみを扱うので、プロセスが速くなるほか、フロントエンド開発者に AEM の知識がなくてもサイトを簡単かつ迅速にカスタマイズできます。
サイトテンプレートに基づくサイトでは、フロントエンドパイプラインをデフォルトで使用できます。このドキュメントでは、フロントエンドパイプラインを利用するように既存のサイトを適応させる方法について説明します。
フロントエンドパイプラインにも、フロントエンドパイプラインとサイトテンプレートを使用してサイトを迅速にデプロイする方法にも詳しくない場合は、クイックサイト作成ジャーニーで概要を確認してください。
サイトテンプレートとサイトテーマに基づいて既にサイトを作成してある場合、AEM では、フロントエンドパイプラインでデプロイされるテーマを既存のクライアントライブラリの上に読み込むようにサイトを設定できます。
サイトのフロントエンドパイプラインを有効にすると、AEM はサイト構造に次のような変更を加えます。
/conf/<site-name>/sling:configs
下に作成された SiteConfig
ノードと HtmlPageItemsConfig
ノードを開発者が削除する必要があります。このアクションによって、フロントエンドパイプラインを使用するようにサイトの既存のクライアントライブラリが自動的に変換されることはありません。これらのソースをクライアントライブラリフォルダーからフロントエンドパイプラインフォルダーに移動するには、フロントエンド開発者が手動で行う必要があります。
AEM では、フロントエンドパイプラインを使用するように既存のサイトを自動的に適応させることができます。それには、サイトがコアコンポーネントのページコンポーネント v2 以降を使用する必要があります。
サイトのフロントエンドパイプラインを有効にするには、Sites コンソールでサイトパネルを使用します。
AEM にログインし、グローバルナビゲーション/サイトを使用して Sites コンソールに移動します。
サイトをコンソールで選択します。子ページではなく、サイトのルートを選択します。
サイトが選択された状態で、左側のパネルセレクターを開き、「サイト」を選択します。
サイトパネルで「フロントエンドパイプラインを有効化」ボタンをクリックします。
実行される変更の概要が表示され、AEM から確認を求められます。確認すると、サイトに適応されます。
これで、サイトでAEMフロントエンドパイプラインを使用する準備が整いました。フロントエンドパイプラインとサイトテーマの管理について詳しくは、以下を参照してください。