Cloud Manager とクイックサイト作成ワークフローについて

Cloud Manager と、新しいクイックサイト作成プロセスとの結び付けを説明します。

ヒント

自分の役割がフロントエンド開発のみである場合は、このジャーニーの記事 Git リポジトリのアクセス情報の取得 にスキップできます。

AEM 管理者(Cloud Manager 管理者)が、フロントエンド開発と管理者の両方のタスクを担当している場合、または AEM のフロントエンド開発のエンドツーエンドプロセスを理解したい場合は、現在のドキュメントを引き続き読み、このジャーニーを続行します。

目的

このドキュメントは、AEM クイックサイト作成ツールの仕組みを理解するのに役立ち、エンドツーエンドのフローの概要を示しています。読み終えると、次のことができるようになります。

  • AEM Sites と Cloud Manager が連携してフロントエンド開発を容易にする仕組みを理解する。
  • フロントエンドのカスタマイズ手順が AEM から完全に切り離されており、AEM に関する知識を必要としない仕組みを確認する。

このドキュメントでは、設定を開始するジャーニーの次のステップに進む前に、クイックサイト作成ソリューションのこれらの基本的な要素を理解することに焦点を当てています。

このジャーニーを順を追って進めることをお勧めしますが、既に AEM Sites と Cloud Manager が連携することを理解していて、設定を直接開始する場合は、 ジャーニーの次のステップにスキップ できます。

担当する役割

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

要件と前提条件

クイックサイト作成ツールを使用してサイトの作成とカスタマイズを開始する前に、いくつかの要件があります。

このジャーニーは、フロントエンド開発者、管理者、およびすべての役割の組み合わせを対象としているので、すべての役割の要件を以下に示します。

フロントエンド開発者は、AEM へのアクセスや知識が必要ないことを理解することが重要です。

知識

知識 役割
フロントエンド開発の標準ツールとプロセスについて フロントエンド開発者
AEM でサイトを作成および管理する方法に関する基本的な知識 AEM 管理者
Cloud Manager の基本知識 Cloud Manager 管理者

フロントエンド開発者にとって、AEM に関する知識は必要ありません。

ツール

ツール 役割
優先フロントエンド開発環境 フロントエンド開発者
npm フロントエンド開発者
webpack フロントエンド開発者
Cloud Manager へのアクセス Cloud Manager 管理者
Cloud Manager での ビジネスオーナー の役割のメンバーになる Cloud Manager 管理者
Cloud Manager でのシステム管理者になる Cloud Manager 管理者
Admin Console へのアクセス Cloud Manager 管理者
Cloud Manager での デプロイメントマネージャー の役割のメンバーになる Cloud Manager 管理者
Cloud Manager での デプロイメントマネージャー の役割のメンバーになる フロントエンド開発者

フロントエンド開発者は、AEM を使用する必要はありません。

ヒント

Cloud Manager の役割と役割の管理に詳しくない場合は、 その他のリソース の節の役割ベースの権限のドキュメントを参照してください。

Cloud Manager

Cloud Manager は、AEM as a Cloud Service の必須コンポーネントであり、プラットフォームへの単一のエントリポイントとして機能します。

エンタープライズ開発の設定をおこなうお客様をサポートするために、AEM as a Cloud Service は Cloud Manager およびその専用 CI/CD パイプラインと完全に統合されています。クイックサイト作成ツールは、専用のフロントエンド開発パイプラインをサポートするために、これらの機能を拡張します。

このジャーニーのために、Cloud Manager を完全に理解する必要ありません。大まかに言えば、Cloud Manager は、複数のレベルの構造で構成されています。

Cloud Manager の構造

  • テナント - すべての顧客にテナントがプロビジョニングされます。
  • プログラム — 各テナントには 1 つ以上のプログラムがあり、多くの場合、お客様がライセンスを受けたソリューションを反映しています。
  • 環境 — 各プログラムには、実稼動コンテンツ用、ステージング用、開発用など、複数の環境があります。
  • リポジトリ - 環境には Git リポジトリがあり、アプリケーションとフロントエンドコードが維持されています。
  • ツールとワークフロー - パイプラインは、リポジトリから環境へのコードのデプロイメントを管理します。

例は、多くの場合、この階層を文脈化する際に役立ちます。

  • WKND Travel and Adventure Enterprises は、 テナント 旅行関連のメディアに焦点を当てています。
  • WKND Travel and Adventure Enterprises テナントは、2 つの プログラム:WKND Magazine 向けの 1 つの Sites プログラムと WKND Media 向けの 1 つの Assets プログラムです。
  • WKND Magazine と WKND Media の両方のプログラムには、開発、ステージ、実稼動が含まれます 環境.

クイックサイト作成フロントエンド開発フロー

まだ Cloud Manager に関する豊富な経験がなくても、全体的なフローはシンプルで直感的です。

  1. AEM 管理者は AEM 環境にサインインし、サイトテンプレートを使用して新しいサイトを作成します。
  2. Cloud Manager 管理者が、Cloud Manager でフロントエンドパイプラインを作成します。パイプラインは、Git リポジトリから AEM 環境へのコードのデプロイメントを調整します。
  3. AEM 管理者は、プログラムの AEM インスタンスからサイトテーマを書き出し、フロントエンド開発者に提供します。
  4. Cloud Manager 管理者は、フロントエンド開発者に、カスタマイズをコミットできる AEM Git リポジトリへのアクセス権を付与します。
  5. フロントエンド開発者は、Git およびパイプラインにアクセスするためのアクセス資格情報を取得します。
  6. フロントエンド開発者は、テーマをカスタマイズし、プロキシを使用してサイトの実際のコンテンツを使用したテストを行い、その変更を Git リポジトリにコミットします。
  7. フロントエンド開発者は、パイプラインを実行して、テーマのカスタマイズをプログラムの実稼動環境にデプロイします。

クイックサイト作成フロー

クイックサイト作成ツールを使用する主な利点は、純粋なフロントエンド開発者が実際のカスタマイズのみを担当することです。 フロントエンド開発者は、AEM とのやり取りがなく、AEM の知識は必要ありません。

次の手順

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

  • AEM Sites と Cloud Manager が連携してフロントエンド開発を容易にする仕組みを理解する。
  • フロントエンドのカスタマイズ手順が AEM から完全に切り離されており、AEM に関する知識を必要としない仕組みを確認する。

この知識に基づいて、次は テンプレートからのサイトの作成 のドキュメントを確認して、AEM クイックサイト作成ジャーニーを続行してください。そこでは、テンプレートを使用して新規 AEM サイトを迅速に作成する方法を習得します。

その他のリソース

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

  • Cloud Manager のドキュメント - Cloud Manager の機能について詳しくは、詳細な技術ドキュメントを直接参照してください。
  • 役割に基づく権限 - Cloud Manager には、適切な権限を持つ役割が事前に設定されています。これらの役割の詳細と管理方法については、このドキュメントを参照してください。
  • npm - サイトをすばやく作成するために使用される AEM テーマは、npm に基づいています。
  • webpack - AEM テーマを使用してサイトをすばやく作成する場合は、webpack に依存します。

このページ