パイプラインの設定 set-up-your-pipeline

フロントエンドパイプラインを作成して、サイトのテーマのカスタマイズを管理します。

これまでの説明内容 story-so-far

AEM クイックサイト作成ジャーニーの前のドキュメントである テンプレートからサイトを作成 では、サイトテンプレートを使用して AEM サイトをすばやく作成する方法を学び、フロントエンドツールを使用してさらにカスタマイズできるようになりました。ここまでの学習内容を以下にまとめます。

この記事では、これらの基本事項にもとづいて、フロントエンドパイプラインを設定できます。このパイプラインは、フロントエンド開発者がこのジャーニーの後半でフロントエンドのカスタマイズをデプロイするために使用します。

目的 objective

このドキュメントは、フロントエンドパイプラインと、サイトのカスタマイズされたテーマのデプロイメントを管理するためのパイプラインの作成方法を理解するのに役立ちます。読み終えると、次のことができるようになります。

担当する役割 responsible-role

ジャーニーのこの部分は、Cloud Manager 管理者に適用されます。

要件 requirements

フロントエンドパイプラインとは front-end-pipeline

フロントエンド開発では、AEM サイトのスタイルを定義する JavaScript、CSS、静的リソースのカスタマイズが必要になります。フロントエンド開発者は、独自のローカル環境で作業して、これらのカスタマイズを行います。準備が整うと、変更は AEM Git リポジトリにコミットされます。ただし、ソースコードにのみコミットされます。まだライブではありません。

フロントエンドパイプラインは、これらのコミット済みのカスタマイズを取得し、AEM 環境（通常は実稼動環境または非実稼動環境）にデプロイします。

このようにして、フロントエンド開発は、独自のデプロイメントパイプラインを持つ AEM 上のフルスタックバックエンド開発とは別に、それと並行して動作できます。

Cloud Manager へのアクセス login

これで、プログラムの概要が表示されます。ページの内容は異なりますが、次の例のようになります。

URL にアクセスまたはコピーしたプログラムの名前をメモしておきます。後でフロントエンド開発者にこれを提供する必要があります。

フロントエンドパイプラインの作成 create-front-end-pipeline

これで Cloud Manager にアクセスし、フロントエンドデプロイメント用のパイプラインを作成できます。

新しいパイプラインが作成され、Cloud Manager ウィンドウの「パイプライン」セクションに表示されます。パイプライン名の後の省略記号をタップまたはクリックすると、必要に応じて詳細を編集または表示するオプションが表示されます。

次の手順 what-is-next

これで、AEM クイックサイト作成ジャーニーのこのステップが完了しました。次のことを行う必要があります。

この知識をもとに、 フロントエンド開発者へのアクセス権の付与 のドキュメントを確認して、AEM クイックサイト作成ジャーニーを続行します。このドキュメントでは、Cloud Manager にフロントエンド開発者をオンボーディングして、AEM サイトの Git リポジトリとパイプラインにアクセスできるようにします。

その他のリソース additional-resources

サイトテーマのカスタマイズ のドキュメントを確認して、クイックサイト作成ジャーニーの次のステップに進むことをお勧めします。ジャーニーに必須ではありませんが、このドキュメントで取り上げたいくつかの概念について詳しく説明している追加のオプションリソースを以下に挙げます。