カスタマイズしたテーマのデプロイ deploy-your-customized-theme

パイプラインを使用してサイトテーマをデプロイする方法を説明します。

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

AEM クイックサイト作成ジャーニーの以前のドキュメントである サイトテーマのカスタマイズ では、テーマの作成方法、カスタマイズ方法、ライブ AEM コンテンツを使用したテスト方法について説明しました。次のことができるようになりました。

  • サイトテーマの基本構造と編集方法を理解する。
  • ローカルプロキシを介して実際の AEM コンテンツを使用してテーマのカスタマイズをテストする方法を参照する。
  • 変更を AEM Git リポジトリにコミットする方法を理解する。

これで、最後の手順を実行し、パイプラインを使用してそれらをデプロイできます。

目的 objective

このドキュメントでは、パイプラインを使用してテーマをデプロイする方法を説明します。読み終えると、次のことができるようになります。

  • パイプラインデプロイメントのトリガー方法を理解する。
  • デプロイメントのステータスを確認する方法を参照する。

担当する役割 responsible-role

ジャーニーのこの部分は、フロントエンド開発者に適用されます。

パイプラインを開始 start-pipeline

テーマのカスタマイズの変更を AEM Git リポジトリにコミットしたら、管理者が作成したパイプラインを実行して変更をデプロイできます。

  1. Git のアクセス情報を取得する場合と同様に Cloud Manager にログインし、プログラムにアクセスします。「概要」タブには、パイプライン ​のカードが表示されます。

    Cloud Manager の概要

  2. 開始する必要があるパイプラインの横の省略記号ボタンを選択します。ドロップダウンメニューから、 「実行」を選択します。

    パイプラインを実行

  3. パイプラインを実行 ​確認ダイアログで、「はい」を選択します。

    パイプライン実行の確認

  4. パイプラインのリストで、「ステータス」列にパイプラインが現在実行中であることが示されます。

    パイプライン実行ステータス

パイプラインステータスの確認 pipeline-status

パイプラインのステータスを確認して、進行状況の詳細をいつでも確認できます。

  1. パイプラインの横にある省略記号(…)を選択します。

    パイプラインの詳細の表示

  2. パイプラインの詳細ウィンドウに、パイプラインの進行状況の分類が表示されます。

    パイプラインの詳細

TIP
パイプラインの詳細ウィンドウでは、いずれかのステップが失敗した場合に、デバッグ目的でパイプラインの任意のステップの「ログをダウンロード」を選択できます。パイプラインのデバッグは、このジャーニーの範囲外です。このページの その他のリソース の節で紹介している Cloud Manager の技術ドキュメントを参照してください。

デプロイ済みのカスタマイズの検証 view-customizations

パイプラインが完了したら、管理者に変更を検証するように通知できます。管理者は次の操作を実行します。

  1. AEM オーサリング環境を開きます。
  2. 管理者が以前作成したサイト に移動します。
  3. コンテンツページのいずれかを編集します。
  4. 適用された変更を確認します。

適用された変更

ジャーニーの終了 end-of-journey

これで完了です。AEM クイックサイト作成ジャーニーを完了しました。その結果、以下を達成できました。

  • Cloud Manager とフロントエンドパイプラインがフロントエンドカスタマイズの管理とデプロイのためにどのように機能するかを理解する。
  • テンプレートに基づいて AEM サイトを作成する方法と、サイトテーマをダウンロードする方法を理解する。
  • AEM Git リポジトリにアクセスできるようにフロントエンド開発者をオンボーディングする方法を理解する。
  • プロキシ化された AEM コンテンツを使用してテーマをカスタマイズおよびテストし、その変更を AEM Git にコミットする方法を理解する。
  • パイプラインを使用してフロントエンドのカスタマイズをデプロイする方法を理解する。

これで、独自の AEM サイトのテーマをカスタマイズする準備が整いました。ただし、複数のフロントエンドパイプラインを使用して様々なワークストリームの作成を開始する前に、フロントエンドパイプラインを使用したサイトの開発のドキュメントを確認してください。次の方法でフロントエンド開発を最大限に活用できます。

  • 唯一の情報源を維持する。
  • 関心の分離を維持する。

AEM は強力なツールであり、その他にも使用可能なオプションが多数あります。このジャーニーで説明した機能について詳しくは、その他のリソースの節で紹介しているその他のリソースを参照してください。

その他のリソース additional-resources

以下の追加リソースでは、このドキュメントで言及したいくつかの概念について詳しく説明しています。

  • サイトパネルを使用したサイトテーマの管理 - テーマソースのダウンロードやテーマバージョンの管理など、サイトテーマを簡単にカスタマイズおよび管理できるサイトパネルの強力な機能について説明します。
  • AEM as a Cloud Service 技術ドキュメント - AEM を既にしっかり理解している場合は、詳細な技術ドキュメントを直接参照してください。
  • Cloud Manager のドキュメント - Cloud Manager の機能について詳しくは、詳細な技術ドキュメントを直接参照してください。
  • 役割に基づく権限 - Cloud Manager には、適切な権限を持つ役割が事前に設定されています。これらの役割の詳細と管理方法については、このドキュメントを参照してください。
  • Cloud Manager リポジトリ - AEMaaCS プロジェクトの Git リポジトリのセットアップおよび管理方法について詳しくは、このドキュメントを参照してください。
  • CI/CD パイプラインの設定 - Cloud Services - フルスタックとフロントエンドの両方のパイプラインのセットアップについて詳しくは、このドキュメントを参照してください。
  • AEM 標準サイトテンプレート - これは AEM 標準サイトのテンプレートの GitHub リポジトリです。
  • AEM サイトテーマ - これは AEM サイトテーマの GitHub リポジトリです。
  • npm - サイトをすばやく作成するために使用される AEM テーマが npm に基づいている場合。
  • webpack - サイトをすばやく作成するために使用される AEM テーマが webpack に基づいている場合。
  • ページの整理 - このガイドでは、AEM のサイトのページを整理する方法について詳しく説明します。
  • ページの作成 - このガイドでは、サイトに新しいページを追加する方法について詳しく説明します。
  • ページの管理 - このガイドでは、移動、コピー、削除など、サイトのページを管理する方法について詳しく説明します。
  • パッケージの操作方法 - パッケージを使用すると、リポジトリコンテンツの読み込みと書き出しが可能になります。このドキュメントでは、AEM 6.5 でのパッケージの操作方法を説明します(AEMaaCS にも適用)。
  • オンボーディングジャーニー - このガイドは、チームが確実に設定され、AEM as a Cloud Service にアクセスできるようにするための出発点となります。
  • Adobe Experience Manager Cloud Manager ドキュメント - Cloud Manager の機能について詳しくは、Cloud Manager のドキュメントを参照してください。
  • サイト管理ドキュメント - クイックサイト作成ツールの機能について詳しくは、サイト作成に関する技術ドキュメントを参照してください。
  • フロントエンドパイプラインを使用したサイトの開発 - このドキュメントでは、フロントエンドパイプラインを使用したフロントエンド開発プロセスから、最大限の能力を引き出すために考慮すべき事項を説明します。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab