パイプラインの設定 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

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