Erstellen und Hinzufügen von Vorlagen und Komponenten

AEM Mobile On-Demand bietet eine vollständig konfigurierte App-Vorlage, eine Artikelvorlage und Artikelkomponenten.

Die We.Unlimited App ist eine Beispielvorlage, die die Shell einer vollständig konfigurierbaren und verwaltbaren AEM Mobile On-Demand-Anwendung darstellt.

Wenn Sie diese Beispielvorlage beim Erstellen einer neuen App auswählen, wird ein Rich-Dashboard für AEM Mobile-Funktionen bereitgestellt.

Erstellen von App-Vorlagen

Eine App-Vorlage wird zum Erstellen einer neuen App verwendet und dient als Sammlung von Seitenvorlagen und Komponenten, die eine Grundlinie oder Grundlage einer App darstellen. Die Vorlage stempelt einige grundlegende Eigenschaften heraus, um die App auf die richtige Weise zu führen. Im Allgemeinen würde ein Kunde nicht zu viele Apps insgesamt erstellen.

App-Vorlagen bieten eine einfache Möglichkeit, vorhandene, von Entwicklern erstellte Designs zu nutzen, die für die Erstellung neuer Apps in AEM verwendet werden.

Wenn Sie eine neue App basierend auf der Vorlage einer anderen App erstellen, erhalten Sie eine App mit einem Startpunkt, der für die App steht, aus der sie erstellt wurde.

Schritte zum Erstellen einer neuen App basierend auf einer App-Vorlage:

1. Navigieren Sie zum AEM Mobile-App-Katalog: <server-url>/aem/apps.html/content/mobileapps
2. Auswählen Erstellen —> App wie unten gezeigt

Nachdem Sie eine App mit dieser Vorlage erstellt haben, können Sie Ihrer App Artikel, Banner und Sammlungen hinzufügen. Informationen zum erneuten Besuch der Erstellung von Artikeln, Bannern und Sammlungen finden Sie unter Content Management-Aktionen.

Erstellen von Inhaltsvorlagen

Jeder Entitätstyp verfügt über zwei vordefinierte Vorlagen. Diese sind:

• Standardvorlagen: für die Inhaltserstellung mit entsprechenden Standardeigenschaften/-struktur verwendet
• Importierte Vorlagen: zum Importieren von Inhalten aus AEM Mobile mit entsprechenden Standardeigenschaften/-strukturen verwendet werden

Artikelvorlagen

Der Artikel "Unlimited"ist eine Beispielvorlage, die ein typisches AEM Mobile On-Demand-Artikellayout darstellt.

1. Klicken Sie auf + in Artikel verwalten , um einen neuen Artikel zu erstellen. Sie können entweder eine Unbegrenzter Artikel oder Rich-Text-Artikel. Die folgende Abbildung zeigt die Option, aus der Sie eine dieser beiden Artikelvorlagen auswählen können.

2. Klicken Nächste um Artikelmeta-Daten wie Artikelname/Titel, Beschreibung, Autor, Abstract, Abteilung, Miniaturbild, Artikelzugriff usw. zu definieren.

3. Klicken Nächste , um die Eigenschaften der Werbung auszufüllen.

4. Klicken Nächste um Artikelbild oder Social Media-Bild einzugeben

5. Klicken Nächste , um einen Kollektionslink zu diesem neuen Artikel auszuwählen.

6. Klicken Nächste , um Details für Social Sharing einzugeben.

7. Klicken Erstellen , um den Prozess zum Erstellen eines Artikels mithilfe des Beispiels abzuschließen. Klicken Sie entweder auf Fertig oder Artikel bearbeiten um die Eigenschaften dieses Artikels zu bearbeiten.

Hinzufügen von Komponenten zum Artikel

Nach der Erstellung kann ein Autor den Inhalt eines Artikels bearbeiten, indem er Komponenten wie Text und Bilder hinzufügt. Artikel sind eine Erweiterung AEM Seitenvorlagen.

Wählen Sie einen Artikel aus, den Sie bearbeiten möchten, und klicken Sie auf Bearbeiten , um dem Artikel Komponenten hinzuzufügen.

Wählen Sie "+' im linken Bereich, um Komponenten zu Ihrem Artikel hinzuzufügen.

Erstellen von nativen Vorlagen

Es gibt keine nativen Artikelvorlagen. Es gibt jedoch eine Standardvorlage, die von benutzerdefinierten Vorlagen erweitert werden sollte. Weitere Informationen finden Sie unter Geometrixx Unlimited App Beispiel für eine Artikelvorlage.

Zu den wichtigsten Eigenschaften, die über die normalen erforderlichen Eigenschaften AEM Vorlage hinausgehen, gehören:

dps-resourceType="dps:Article"

Mit dieser Eigenschaft wird sichergestellt, dass die AEM-Seite als AEM Mobile-Targeting-Artikelseite erkannt wird.

Gemäß AEM Vorlagen können Sie der Vorlage alle Standardeigenschaften oder untergeordneten Knoten hinzufügen jcr:content.

Banner- und Sammlungsvorlagen

Erstellen und Hinzufügen von Komponenten

Komponenten verwenden Widgets und ermöglichen den Zugriff auf Widgets, die zum Rendern des Inhalts verwendet werden.

Eine einfache Komponente ist im Code-Repository enthalten, dessen Quelle in AEM zu finden ist. Anschließend kann es auch lokal in der CRXDE Lite geöffnet werden.

Sie können Komponenten zu Ihrer Seite hinzufügen. Jede Komponente kann in einer AEM Mobile-App verwendet werden, wird jedoch bei Anwendung möglicherweise nicht ordnungsgemäß gerendert.

Benutzerdefinierte Komponenten können jedoch nicht ordnungsgemäß exportieren und in AEM Mobile On-demand Services hochladen, wenn kein benutzerdefinierter Export-Content-Synchronisierungs-Handler vorhanden ist, der in AEM gerendert wird.

Nachdem die Komponente bereits in eine AEM Seite eingefügt wurde, können Sie der Seite eine weitere Komponente hinzufügen oder eine vorhandene bearbeiten.

So fügen Sie der Seite eine weitere Komponente hinzu:

1. Wählen Sie diese Seite aus und stellen Sie sicher, dass Sie sich im Bearbeitungsmodus befinden. Verwenden Sie dazu das Dropdown-Menü oben rechts in der Kopfzeile des Editors.
2. Schalten Sie das seitliche Bedienfeld mit dem Symbol ganz links in der Kopfzeile des Editors um.
3. Wählen Sie die Komponenten tab
4. Ziehen Sie eine der verfügbaren Komponenten auf die Seite

So bearbeiten Sie eine vorhandene Komponente:

1. Wählen Sie diese Seite aus und stellen Sie sicher, dass Sie Bearbeiten -Modus und wählen Sie die Komponente aus
2. Tippen Sie auf das Schraubenschlüsselsymbol, um die Komponente zu konfigurieren.

Die nächsten Schritte

• Verwenden von Inhaltseigenschaften zum Exportieren von Inhalten
• Mobil mit Inhaltssynchronisierung