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

最終更新日: 2023-07-20
  • トピック:
  • Mobile
    このトピックの詳細を表示
  • 作成対象:
  • User
メモ

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

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

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

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

CRXDE Liteを使用してAdobe Experience Manager(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のテンプレートとコンポーネントの基本については、以下のリソースを参照してください。

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

その他のリソース

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

このページ