テンプレートとコンポーネントの作成および追加 creating-and-adding-templates-and-components

AEM Mobile On-Demand には、完全に設定されたアプリテンプレート、記事テンプレートおよび記事コンポーネントが用意されています。

We.Unlimited App は、完全に設定可能で管理可能なAEM Mobile On-Demand アプリケーションのシェルを表すサンプルテンプレートです。

新しいアプリを作成する際にこのサンプルテンプレートを選択すると、AEM Mobileの機能が豊富なダッシュボードが提供されます。

アプリテンプレートの作成 creating-app-templates

アプリテンプレートは、新しいアプリを作成するために使用され、アプリのベースラインまたは基盤を表すページテンプレートおよびコンポーネントのコレクションとして機能します。 テンプレートは、アプリを適切な方法で導くために、いくつかの基本的なプロパティをスタンプアウトします。 一般に、顧客は作成するアプリの数が多すぎることはありません。

アプリテンプレートを使用すると、AEM内での新しいアプリの作成に使用される、デベロッパーが作成した既存のデザインを簡単に活用できます。

別のアプリのテンプレートに基づいて新しいアプリを作成する場合、作成元のアプリを表す開始点を持つアプリが表示されます。

アプリテンプレートに基づいて新しいアプリを作成する手順は次のとおりです。

このテンプレートを使用してアプリを作成したら、記事、バナー、コレクションをアプリに追加できます。 記事、バナー、コレクションを再度作成するには、 コンテンツ管理アクション.

コンテンツテンプレートの作成 creating-content-templates

各エンティティタイプには、標準の 2 つのテンプレートが用意されています。 以下が該当します。

記事テンプレート article-templates

Unlimited の記事は、一般的なAEM Mobile On-Demand 記事レイアウトを表すサンプルテンプレートです。

記事へのコンポーネントの追加 adding-components-to-article

作成者は、作成後、テキストや画像などのコンポーネントを追加して、記事のコンテンツを編集できます。 記事は、AEMページテンプレートの拡張です。

編集する記事を選択し、「 編集 をクリックして、記事にコンポーネントを追加します。

「+'を左側のパネルに追加して、記事にコンポーネントを追加します。

標準テンプレートの作成 creating-out-of-the-box-templates

既製の記事テンプレートはありませんが、カスタムテンプレートが拡張する必要があるデフォルトのテンプレートがあります。Geometrixx Unlimitedアプリの 記事テンプレートのサンプル.

通常のAEMテンプレートに必要なプロパティ以外に、主なプロパティは次のとおりです。

dps-resourceType="dps:Article"

このプロパティを使用すると、AEMページがAEM Mobileのターゲット記事ページとして認識されるようになります。

AEMテンプレートに従って、任意のデフォルトのプロパティまたは子ノードをテンプレートの jcr:content.

バナーおよびコレクションテンプレート banner-and-collection-templates

コンポーネントの作成と追加 creating-and-adding-components

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

コードリポジトリには単純なコンポーネントが含まれ、そのソースはAEMで見つかります。 その後、ローカルで開くこともできます。CRXDE Lite。

ページにコンポーネントを追加できます。 どのコンポーネントもAEM Mobileアプリで使用できますが、適用すると、正しくレンダリングされない場合があります。

ただし、AEMでレンダリングされるカスタム書き出しコンテンツ同期ハンドラーがないと、カスタムコンポーネントはAEM Mobile On-demand Servicesに正しく書き出しおよびアップロードできない場合があります。

コンポーネントを既にAEMページに組み込んだ後、他の構築ブロックコンポーネントと共に、ページに別のコンポーネントを追加したり、既存のコンポーネントを編集したりできます。

ページに別のコンポーネントを追加するには：

既存のコンポーネントを編集するには：

次の手順 the-next-steps