Adobeは、単一ページアプリケーションのフレームワークベースのクライアントサイドレンダリング(React など)を必要とするプロジェクトでは、SPA Editor を使用することをお勧めします。 詳細情報。
AEM Mobile On-Demand には、完全に設定されたアプリテンプレート、記事テンプレートおよび記事コンポーネントが用意されています。
We.Unlimited App は、完全に設定可能で管理可能なAEM Mobile On-Demand アプリケーションのシェルを表すサンプルテンプレートです。
新しいアプリを作成する際にこのサンプルテンプレートを選択すると、AEM Mobileの機能が豊富なダッシュボードが提供されます。
AEM Mobile Apps Control Center からアプリケーションおよびモバイルアプリコンテンツを管理するには、 AEM Mobile Application Dashboard.
アプリテンプレートは、新しいアプリを作成するために使用され、アプリのベースラインまたは基盤を表すページテンプレートおよびコンポーネントのコレクションとして機能します。 テンプレートは、アプリを適切な方法で導くために、いくつかの基本的なプロパティをスタンプアウトします。 一般に、顧客は作成するアプリの数が多すぎることはありません。
アプリテンプレートを使用すると、AEM内での新しいアプリの作成に使用される、デベロッパーが作成した既存のデザインを簡単に活用できます。
別のアプリのテンプレートに基づいて新しいアプリを作成する場合、作成元のアプリを表す開始点を持つアプリが表示されます。
アプリテンプレートに基づいて新しいアプリを作成する手順は次のとおりです。
このテンプレートを使用してアプリを作成したら、記事、バナー、コレクションをアプリに追加できます。 記事、バナー、コレクションを再度作成するには、 コンテンツ管理アクション.
または、サンプルのアプリテンプレート(例: )を選択することもできます We.Unlimited アプリを使用できるようになります。 このサンプルテンプレートをアプリに使用すると、サンプル記事やコレクションを使用できます。 サンプルのテンプレートおよびコンポーネントを使用するか、既存のテンプレートおよびコンポーネントをカスタマイズするか、アプリ用に新しいテンプレートを作成するかを選択できます。
設定 redirectTarget プロパティ
アプリテンプレートの 1 つを使用する場合、開発者はアプリケーションのコンテンツを定義します。 ただし、開発者は、アプリケーションが jcr 内で作成される場所と、 redirectTarget プロパティ。
この redirectTarget はアプリの作成操作の一環として計算され、アプリテンプレートの一部として redirectTarget プロパティが使用可能で、redirectTarget の値が相対パスとして定義されている場合に、パスの解決を試みます。 アプリの作成プロセスで、アプリテンプレート内の redirectTarget の相対値が見つかると、その値が、アプリが作成された解決された場所の値に追加されます。
例えば、アプリテンプレートで redirectTarget の値をlanugage-masters/en」と表示され、アプリが「/content/mobileapps/fooApp「」の場合、アプリの作成後の redirectTarget の最終値は「/content/mobileapps/fooApp/language-masters/en".
各エンティティタイプには、標準の 2 つのテンプレートが用意されています。 以下が該当します。
Unlimited の記事は、一般的なAEM Mobile On-Demand 記事レイアウトを表すサンプルテンプレートです。
クリック + in 記事を管理 をクリックして、新しい記事を作成します。 次のいずれかを選択できます。 Unlimited の記事 または リッチテキスト記事. 次の画像に、これら 2 つの記事テンプレートのいずれかから選択できるオプションを示します。
クリック 次へ :記事名/タイトル、説明、作成者、要約、部門、サムネール画像、記事へのアクセスなどの記事のメタデータを定義します。
クリック 次へ をクリックして、広告のプロパティを入力します。
クリック 次へ 記事の画像またはソーシャルメディアの画像を入力するには
クリック 次へ をクリックして、この新しい記事のコレクションリンクを選択します。
クリック 次へ をクリックして、ソーシャルシェアの詳細を入力します。
クリック 作成 をクリックして、サンプルを使用して記事を作成するプロセスを完了します。 次のいずれかをクリックします。 完了 または 記事を編集 をクリックして、この記事のプロパティを編集します。
作成者は、作成後、テキストや画像などのコンポーネントを追加して、記事のコンテンツを編集できます。 記事は、AEMページテンプレートの拡張です。
編集する記事を選択し、「 編集 をクリックして、記事にコンポーネントを追加します。
「+'を左側のパネルに追加して、記事にコンポーネントを追加します。
既製の記事テンプレートはありませんが、カスタムテンプレートが拡張する必要があるデフォルトのテンプレートがあります。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ページに組み込んだ後、他の構築ブロックコンポーネントと共に、ページに別のコンポーネントを追加したり、既存のコンポーネントを編集したりできます。
ページに別のコンポーネントを追加するには:
既存のコンポーネントを編集するには:
AEMでコンポーネントを作成し、 CRXDE Lite. 既存のコンポーネントを必要に応じてカスタマイズしたら、 編集 のオプション 記事を管理 上の図に示すように。
参照: テンプレートとコンポーネント開発のベストプラクティス AEM Mobile