テンプレートとコンポーネントの作成および追加

メモ

アドビは、シングルページアプリケーションフレームワークをベースにしたクライアント側のレンダリング（React など）を必要とするプロジェクトには SPA エディターを使用することをお勧めします。詳細情報を参照してください。

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

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

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

chlimage_1-70

メモ

AEM Mobile アプリコントロールセンターからアプリケーションおよびモバイルアプリコンテンツを管理するには、AEM Mobile アプリケーションダッシュボードを参照してください。

アプリテンプレートの作成

アプリテンプレートは、新しいアプリの作成時に使用されるもので、アプリのベースラインまたは基盤となるページテンプレートおよびコンポーネントの集まりです。テンプレートは、アプリを適切な方法で導くために、いくつかの基本的なプロパティをスタンプアウトします。通常、ユーザーがアプリを作成する機会はあまり多くありません。

アプリテンプレートにより、AEM での新しいアプリの作成に使用される、開発者が作成した既存のデザインを利用する簡単な方法が提供されます。

新規アプリを別のアプリのテンプレートに基づいて作成すると、作成元アプリと同じ開始点からアプリを作成することができます。

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

AEM Mobileアプリカタログに移動します。 <server-url>/aem/apps.html/content/mobileapps
以下に示すように、アプリ／選択を選択します。

このテンプレートを使用してアプリを作成すると、記事、バナーおよびコレクションをアプリに追加できます。記事、バナーおよびコレクションの作成に再度アクセスするには、コンテンツ管理アクションを参照してください。

メモ

または、サンプルのアプリテンプレート（例：）を選択することもできます We.Unlimited アプリを使用できるようになります。アプリにこのサンプルのテンプレートを使用した場合は、サンプルの記事やコレクションが用意されているので、それらを利用できます。テンプレートやコンポーネントは、サンプルをそのまま使用することも、既存のものをカスタマイズすることも、アプリ用に新しいものを作成することもできます。

注意

設定 redirectTarget プロパティ

いずれかのアプリテンプレートを使用するときは、開発者がアプリケーションのコンテンツを定義します。ただし、開発者は、アプリケーションが jcr 内のどこに作成されるかと、redirectTarget プロパティの値に注意する必要があります。

redirectTarget はアプリ作成プロセスの中で処理され、redirectTarget プロパティがアプリテンプレートの一部として利用可能で、redirectTarget の値が相対パスとして定義されている場合に、パスの解決を試みます。アプリテンプレート内の redirectTarget に相対パスの値が定義されているときは、その値が、解決されたアプリ作成場所のパスの後ろに付加されます。

例えば、アプリテンプレート内で redirectTarget の値が「lanugage-masters/en」と定義されていて、アプリが「/content/mobileapps/fooApp」に作成される場合は、アプリ作成後の最終的な redirectTarget の値は「/content/mobileapps/fooApp/language-masters/en」になります。

コンテンツテンプレートの作成

各エンティティタイプには、2 種類の既製のテンプレートがあります。以下のとおりです。

デフォルトのテンプレート： 適用可能なデフォルトのプロパティ/構造を持つコンテンツ作成に使用
読み込まれたテンプレート： 適用可能なデフォルトのプロパティ/構造を持つAEM Mobileからコンテンツを読み込むために使用されます。

記事テンプレート

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

記事を管理の「+」をクリックして、新しい記事を作成します。「Unlimited の記事」または「リッチテキスト記事」を選択できます。以下の図は、これら 2 つの記事テンプレートの選択肢を示しています。
クリック次へ：記事名/タイトル、説明、作成者、要約、部門、サムネール画像、記事へのアクセスなどの記事のメタデータを定義します。
「次へ」をクリックして、広告プロパティを入力します。
「次へ」をクリックして、「記事の画像」または「ソーシャルメディアの画像」を入力します。
「次へ」をクリックして、この新しい記事へのコレクションリンクを選択します。
「次へ」をクリックして、ソーシャルシェアの詳細を入力します。
「作成」をクリックして、サンプルを使用した記事の作成プロセスを終了します。「完了」をクリックするか、「記事を編集」をクリックしてこの記事のプロパティを編集します。