現在表示中:

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

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

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

chlimage_1

注意:

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

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

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

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

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

アプリテンプレートに基づいて新規アプリを作成する手順:

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

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

注意:

または、AEM 開発者が提供する 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 の一般的な記事レイアウトを表すサンプルテンプレートです。

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

記事へのコンポーネントの追加

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

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

chlimage_1
chlimage_1

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

chlimage_1

既製のテンプレートの作成

既製の記事テンプレートは用意されていませんが、カスタムテンプレートを作成するときに拡張する必要があるデフォルトテンプレートがあります。Geometrixx Unlimited アプリの記事テンプレートサンプルを参照してください。

通常の AEM テンプレートで必要なプロパティ以外の主なプロパティには次のものがあります。

dps-resourceType="dps:Article"

このプロパティは、AEM ページが AEM Mobile をターゲットにした記事ページであると認識されるためのものです。

AEM テンプレートと同様に、テンプレートの jcr:content に任意のデフォルトプロパティや子ノードを追加できます。

バナーおよびコレクションテンプレート

警告:

バナーおよびコレクションにはコンテンツがないので、これらの作成ではカスタムテンプレートはサポートされていません。

コンポーネントの作成および追加

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

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

注意:

現在、AEM Mobile には、既製のコンポーネントは用意されていません。

 

ページにコンポーネントを追加できます。AEM Mobile アプリでは任意のコンポーネントを使用できますが、適用された場合に適切にレンダリングされないことがあります。

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

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

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

  1. ページを選択し、エディターのヘッダーの右上にあるドロップダウンで、編集モードであることを確認します。
  2. エディターのヘッダーの一番左側にあるアイコンを使用して、サイドパネルを切り替えます。
  3. コンポーネント」タブを選択します。
  4. 利用可能ないずれかのコンポーネントをページにドラッグ&ドロップします。
chlimage_1

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

  1. ページを選択し、編集モードであることを確認して、コンポーネントを選択します。
  2. 設定アイコンをタップして、コンポーネントを設定します。

注意:

AEM でコンポーネントを作成し、CRXDE Lite による開発を使用してコンポーネントをカスタマイズできます。要件に応じて既存のコンポーネントをカスタマイズしたら、上図のように記事を管理の「編集」オプションを使用して、ページにコンポーネントを追加できます。

注意:

AEM Mobile のテンプレートおよびコンポーネント開発のベストプラクティスを参照してください。

次のステップ

 

モバイルとコンテンツ同期

 

モバイルとコンテンツ同期

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー