アプリのテンプレートとコンポーネント app-templates-and-components

IMPORTANT
AEM 6.5 の新規インストールでは、AEM Mobile アプリケーション機能はサポートされていません。 AEM でヘッドレスコンテンツの管理に推奨されるエディターは次のようになりました。

テンプレートはページを作成するための雛形として使用され、選択した範囲内でどのコンポーネントを使用できるかを定義します。 テンプレートは、そこから作成されるページと同じ構造を持つノード階層ですが、実際のコンテンツは含みません。

テンプレートごとに、使用可能なコンポーネントが提示されます。

  • テンプレートはコンポーネントで構成されています。
  • コンポーネントはウィジェットを使用し、ウィジェットへのアクセスを許可します。コンテンツをレンダリングするにはウィジェットが使用されます。
NOTE
CRXDE Liteを使用してAdobe Experience Manager (AEM) アプリケーションを開発する方法については、CRXDE Liteを使用した開発を参照してください。

テンプレートはページの基礎です。

ページを作成するには、テンプレートをサイトツリーの対応する位置にコピーする必要があります(node-tree /apps/<myapp>/templates/<mytemplate>)。これは、Web サイト タブを使用してページを作成した場合に発生します。

このコピーアクションは、ページに最初のコンテンツ(通常はトップレベルのコンテンツのみ)と、ページのレンダリングに使用されるページコンポーネント(子ノード jcr:content内のすべての)へのパスであるプロパティ sling:resourceTypeも与えます。

テンプレートの構造 structure-of-a-template

考慮すべき側面が 2 つあります。

  • テンプレート自体の構造
  • テンプレートの使用時に生成されるコンテンツの構造

テンプレートは、cq:Template​型のノードの下に作成されます。

様々なプロパティを設定できます。主なものを以下に示します。

  • jcr:title - テンプレートのタイトル。ページ作成時にダイアログに表示されます。
  • jcr:description - テンプレートの説明。ページの作成時にダイアログに表示されます。

このノードには、結果ページのコンテンツノードのベースとして使用される​a jcr:content (cq:PageContent) ノードが含まれています。 これは、sling:resourceType​を使用して、新しいページの実際のコンテンツのレンダリングに使用するコンポーネントを参照します。

NOTE
AEMのテンプレートとコンポーネントの基本については、次のリソースを参照してください。

テンプレートとコンポーネントの基本を理解したら、次のリソースを参照してください。

その他のリソース additional-resources

モバイルアプリに関するその他のトピックについては、以下のリンクを参照してください。

recommendation-more-help
experience-manager-65-help-mobile