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 überschaubaren AEM Mobile On-Demand-Anwendung darstellt.

Durch Auswahl dieser Beispielvorlage beim Erstellen einer neuen App erhalten Sie ein AEM Mobile-Feature-Rich-Dashboard.

Erstellen von App-Vorlagen

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

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

Wenn Sie eine neue App erstellen, die auf der Vorlage einer anderen App basiert, erhalten Sie eine App mit einem Startpunkt, der der App entspricht, 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. Wählen Sie 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 verwenden
• Importierte Vorlagen: Wird zum Importieren von Inhalten aus AEM Mobile mit entsprechenden Standardeigenschaften/-struktur verwendet

Artikelvorlagen

Der Artikel "Unbegrenzt"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 einen Unbeschränkten Artikel oder einen Rich Text-Artikel auswählen. Die folgende Abbildung zeigt die Option, mit der Sie aus einer dieser beiden Artikelvorlagen wählen können.

2. Klicken Sie auf Weiter, um Artikelmetadaten wie Artikelname/Titel, Beschreibung, Autor, Zusammenfassung, Abteilung, Miniaturbild, Zugriff auf Artikel usw. zu definieren.

3. Klicken Sie auf Weiter, um die Anzeigeneigenschaften auszufüllen.

4. Klicken Sie auf Weiter, um das Artikelbild oder das Social Media-Bild einzugeben.

5. Klicken Sie auf Weiter, um einen Sammlungslink zu diesem neuen Artikel auszuwählen.

6. Klicken Sie auf Weiter, um die Details für Social Sharing einzugeben.

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

Hinzufügen von Komponenten zu 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 "+"aus, um Komponenten zu Ihrem Artikel hinzuzufügen.

Erstellen von vordefinierten Vorlagen

Es gibt keine vordefinierten Artikelvorlagen. Es gibt jedoch eine Standardvorlage, die benutzerdefinierte Vorlagen erweitern sollten. Weitere Informationen finden Sie unter Artikelvorlagenbeispiel für die Geometrixx Unlimited-App.

Zu den wichtigsten Eigenschaften, die über die normale AEM hinaus erforderlich sind, gehören:

dps-resourceType="dps:Article"

Diese Eigenschaft stellt sicher, dass die AEM Seite als eine auf AEM Mobile ausgerichtete Artikelseite erkannt wird.

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

Banner- und Sammlungsvorlagen

Erstellen und Hinzufügen von Komponenten

Komponenten verwenden Widgets und erlauben den Zugriff darauf. Diese werden zum Rendern des Inhalts verwendet.

Eine einfache Komponente ist im Code-Repository enthalten, dessen Quelle in AEM gefunden werden kann. Anschließend kann es auch lokal in 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 nach AEM Mobile On-demand Services hochladen, ohne dass ein benutzerdefinierter Exportinhalt-Synchronisierungs-Handler zur Wiedergabe in AEM ausgeführt wird.

Nachdem die Komponente zusammen mit einigen anderen Bausteinkomponenten 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, über das Dropdown oben rechts in der Kopfzeile des Editors
2. Schalten Sie das Seitenbedienfeld mit dem Symbol ganz links in der Kopfzeile des Editors ein/aus
3. Wählen Sie die Registerkarte Komponenten
4. Ziehen Sie eine der verfügbaren Komponenten per Drag & Drop auf die Seite

So bearbeiten Sie eine vorhandene Komponente:

1. Wählen Sie diese Seite aus und stellen Sie sicher, dass Sie sich im Modus Bearbeiten befinden, 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