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

IMPORTANT
AEM 6.5 の新規インストールでは、AEM Mobile アプリケーション機能はサポートされていません。 AEM でヘッドレスコンテンツの管理に推奨されるエディターは次のようになりました。

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

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

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

chlimage1-70

NOTE
AEM Mobile Apps Control Centerからアプリケーションとモバイルアプリのコンテンツを管理するには、AEM Mobile アプリケーションダッシュボード ​を参照してください。

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

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

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

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

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

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

このテンプレートを使用してアプリを作成したら、記事、バナー、コレクションをアプリに追加できます。 再訪問、記事、バナー、コレクションの作成については、​ コンテンツ管理アクション ​を参照してください。

NOTE
または、AEM開発者が提供する​We.Unlimited アプリなどのサンプルアプリテンプレートを選択することもできます。 このサンプルテンプレートをアプリに使用すると、いくつかのサンプル記事とコレクションを使用できます。 サンプルテンプレートとコンポーネントを使用するか、既存のテンプレートをカスタマイズするか、アプリ用に新しいテンプレートを作成するかを選択できます。
CAUTION
redirectTarget プロパティを設定しています
開発者は、アプリテンプレートの1つを使用する際に、アプリケーションのコンテンツを定義します。 ただし、開発者は、jcrでアプリケーションが作成される場所と​redirectTarget プロパティの値を認識する必要があります。
redirectTarget​は、アプリの作成操作の一部として計算され、アプリ テンプレートの一部として利用可能なredirectTarget プロパティがあり、redirectTargetの値が相対パスとして定義されている場合に、パスの解決を試みます。 アプリ作成プロセスがアプリテンプレート内のredirectTargetの相対値を見つけると、その値がアプリの作成場所の解決済み場所に追加されます。
例えば、アプリテンプレートが値「lanugage-masters/en」で​ redirectTarget ​を定義し、アプリが「/content/mobileapps/fooApp」で作成された場合、アプリ作成後のredirectTargetの最終値は「/content/mobileapps/fooApp/language-masters/en」になります。

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

各エンティティタイプには、2つの標準テンプレートがあります。 以下の項目が該当します。

  • デフォルトテンプレート:​は、適用可能なデフォルトプロパティ/構造を持つコンテンツ作成に使用されます
  • インポートされたテンプレート:​は、適用できるデフォルトのプロパティや構造を持つAEM Mobileからコンテンツをインポートするために使用されます

記事テンプレート article-templates

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

  1. 記事の管理​で、+​を選択して記事を作成します。 無制限の記事​または​ リッチテキスト記事 ​のいずれかを選択できます。 以下の画像は、これら2つの記事テンプレートのいずれかを選択できるオプションを示しています。

  2. 次へ」をクリックして、アーティクル名/タイトル、説明、作成者、抽象、部署、サムネイル画像、アーティクルアクセスなどのアーティクルメタデータを定義します。

  3. 次へ」をクリックして、広告プロパティを入力します。

  4. 次へ​をクリックして、記事の画像またはソーシャルメディアの画像を入力します

  5. 次へ​をクリックして、この新しい記事のコレクション リンクを選択します。

  6. 次へ」をクリックして、ソーシャル共有の詳細を入力します。

  7. 作成」をクリックして、サンプルを使用して記事を作成するプロセスを終了します。 完了​または​ 記事を編集 ​をクリックして、この記事のプロパティを編集します。

chlimage1-71

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

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

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

chlimage1-72 chlimage1-73

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

chlimage1-74

すぐに使用できるテンプレートの作成 creating-out-of-the-box-templates

すぐに使える記事テンプレートはありませんが、カスタムテンプレートを拡張するデフォルトテンプレートがあります。詳しくは、Geometrixx Unlimited アプリの記事テンプレートサンプル ​を参照してください。

通常のAEM テンプレートに必要なプロパティを超える主要なプロパティには、次のものが含まれます。

dps-resourceType=“dps:Article”

このプロパティを指定すると、AEM ページがAEM Mobile ターゲットアーティクルページとして認識されます。

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

バナーとコレクションのテンプレート banner-and-collection-templates

CAUTION
バナーとコレクションにはコンテンツがないため、作成でカスタムテンプレートがサポートされません。

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

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

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

NOTE
現在、AEM Mobileに提供されているすぐに使えるコンポーネントはありません。

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

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

コンポーネントが既にAEM ページに含まれていれば、他のいくつかの構成要素コンポーネントと共に、ページに別のコンポーネントを追加したり、既存のコンポーネントを編集したりできます。

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

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

chlimage1-75

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

  1. このページを選択し、編集 モードであることを確認して、コンポーネントを選択します
  2. レンチアイコンを選択して、コンポーネントを設定します
NOTE
AEMでコンポーネントを作成し、CRXDE Liteを使用した開発を使用してカスタマイズできます。 既存のコンポーネントを要件としてカスタマイズしたら、上の図に示すように、記事の管理​の下の​編集 オプションを使用してページに追加できます。

次の手順 the-next-steps

recommendation-more-help
experience-manager-65-help-mobile