アプリのテンプレートとコンポーネント

最終更新日: 2023-05-04
  • トピック:
  • Mobile
    このトピックの詳細を表示
  • 作成対象:
  • User
注意

AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

メモ

Adobeは、単一ページアプリケーションのフレームワークベースのクライアントサイドレンダリング(React など)を必要とするプロジェクトでは、SPA Editor を使用することをお勧めします。 詳細情報を参照してください。

テンプレートは、ページの作成に使用され、選択した範囲内で使用できるコンポーネントを定義します。 テンプレートは、作成するページと同じ構造を持ち、実際のコンテンツを持たないノードの階層です。

各テンプレートには、使用可能なコンポーネントが選択されて表示されます。

  • テンプレートは コンポーネント;
  • コンポーネントはウィジェットを使用し、ウィジェットにアクセスできます。ウィジェットはコンテンツのレンダリングに使用されます。
メモ

CRXDE Liteを使用したAEMアプリケーションの開発方法については、 CRXDE Lite.

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

ページを作成するには、テンプレートをコピーする必要があります (node-tree) /apps/<myapp>/templates/<mytemplate>) を site-tree 内の対応する位置にドラッグします。ページが Web サイト タブをクリックします。

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

テンプレートの構造

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

  • テンプレート自体の構造
  • テンプレートを使用する際に作成されるコンテンツの構造

テンプレートは、タイプのノードの下に作成されます cq:Template.

特に、様々なプロパティを設定できます。

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

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

メモ

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

テンプレートとコンポーネントについての基本的な知識が得られたら、次のリソースを参照してください。

その他のリソース

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

このページ