Erstellen einer Demo-Site

Letzte Aktualisierung: 2023-11-18

Erstellen Sie eine Demosite in AEM basierend auf einer Bibliothek vorkonfigurierter Vorlagen.

Die bisherige Entwicklung

Im vorherigen Dokument der Tour zum AEM-Referenz-Demo-Add-on, Erstellen eines Programms, haben Sie den ersten Konfigurationsschritt ausgeführt, um ein Programm zu Testzwecken zu erstellen, und eine Pipeline verwendet, um den Add-on-Inhalt bereitzustellen. Sie sollten jetzt folgende Punkte erfüllen:

  • Erfahren Sie, wie Sie mit Cloud Manager ein Programm erstellen.
  • Sie sollten nun wissen, wie Sie das Referenzdemo-Add-on für das neue Programm aktivieren.
  • Sie sollten in der Lage sein, eine Pipeline zum Bereitstellen des Add-on-Inhalts ausführen.

In diesem Artikel wird der nächste Schritt des Prozesses beschrieben, indem in AEM eine Site oder ein AEM Screens-Projekt erstellt wird, die auf den Vorlagen des Referenz-Demo-Add-ons basiert.

Ziel

In diesem Dokument erfahren Sie, wie Sie eine Site basierend auf den Vorlagen des Referenz-Demo-Add-ons erstellen. Nach dem Lesen sollten Sie Folgendes können:

  • Verstehen, wie Sie auf die AEM Authoring-Umgebung zugreifen.
  • Wissen, wie Sie eine Site basierend auf einer Vorlage erstellen.
  • Die Grundlagen der Navigation in der Site-Struktur und der Bearbeitung einer Seite verstehen.

Erstellen einer Demo-Site oder eines Screens-Projekts

Nachdem die Pipeline das Referenz-Demo-Add-On bereitgestellt hat, können Sie auf die Authoring-Umgebung in AEM zugreifen, um Demo-Sites basierend auf dem Inhalt des Add-Ons zu erstellen.

  1. Wählen Sie auf der Seite Programmübersicht in Cloud Manager den Link zur AEM Authoring-Umgebung aus.

    Zugriff auf die Authoring-Umgebung

  2. Wählen Sie im Hauptmenü von AEM die Option Sites.

    Zugriff auf Sites

  3. Wählen Sie in der Sites-Konsole Erstellen oben rechts im Bildschirm, und wählen Sie Site aus Vorlage in der Dropdown-Liste.

    Erstellen einer Site aus einer Vorlage

  4. Der Assistent zur Site-Erstellung wird gestartet. In der linken Spalte sehen Sie die Demovorlagen, die die Pipeline für Ihre Authoring-Instanz bereitgestellt hat. Wählen Sie eine aus, um sie auszuwählen und Details in der rechten Spalte anzuzeigen. Wenn Sie AEM Screens testen oder vorführen möchten, wählen Sie die We.Cafe-Site-Vorlage. Wählen Sie Weiter aus.

    Assistent zur Site-Erstellung

  5. Geben Sie im nächsten Bildschirm einen Titel für Ihre Site oder Ihr Screens-Projekt an. Der Name der Site kann angegeben oder aus dem Titel generiert werden, falls er weggelassen wird. Wählen Sie Erstellen aus.

    • Der Titel der Site wird in der Titelleiste des Browsers angezeigt.
    • Der Site-Name wird Teil der URL.
    • Der Site-Name muss den Seitenbenennungskonventionen von AEM entsprechen, die im Abschnitt Zusätzliche Ressourcen detailliert beschrieben sind.

    Site-Details

  6. Die Site-Erstellung wird mit einem Dialogfeld bestätigt. Klicken Sie auf Fertig.

    Site-Erstellung abgeschlossen

Sie haben jetzt Ihre eigene Demo-Site erstellt!

Verwenden der Demo-Site

Nachdem Sie Ihre Demo-Site erstellt haben, können Sie sie wie jede andere Site in AEM verwenden.

  1. Die Site wird jetzt in der Sites-Konsole angezeigt.

    Neue Demo-Site in der Sites-Konsole

  2. Vergewissern Sie sich in der rechten oberen Ecke des Bildschirms, dass die Konsolenansicht auf Spaltenansicht eingestellt ist.

    Spaltenansicht

  3. Wählen Sie die Site aus, um deren Struktur und Inhalt zu untersuchen. Die Spaltenansicht wird beim Navigieren in der Inhaltsstruktur der Demo-Site kontinuierlich erweitert.

    Site-Struktur

  4. Wählen Sie eine Seite aus, um sie auszuwählen, und klicken Sie auf Bearbeiten in der Symbolleiste.

    Seite auswählen

  5. Sie können die Seite wie jede andere AEM-Inhaltsseite bearbeiten, indem Sie beispielsweise Komponenten oder Assets hinzufügen oder bearbeiten, und die Funktionalität von AEM testen.

    Seite bearbeiten

Herzlichen Glückwunsch! Sie können nun den Inhalt Ihrer Demo-Site weiter untersuchen und alles, was AEM zu bieten hat, durch den Inhalt der Best Practices des Referenz-Demo-Add-ons entdecken.

Erstellen Sie zusätzliche Sites basierend auf anderen Vorlagen, um weitere Funktionen von AEM zu erkunden.

Wie geht es weiter

Nachdem Sie nun diesen Teil der Tour zum Referenzdemo-Add-on von Adobe Experience Manager abgeschlossen haben, sollten Sie Folgendes können:

  • Verstehen, wie Sie auf die AEM Authoring-Umgebung zugreifen.
  • Wissen, wie Sie eine Site basierend auf einer Vorlage erstellen.
  • Die Grundlagen der Navigation in der Site-Struktur und der Bearbeitung einer Seite verstehen.

Sie können jetzt die Funktionen von AEM mithilfe von Add-On-Inhalten testen. Sie haben zwei Möglichkeiten, um mit der Tour fortzufahren:

  • Wenn Sie AEM Screens-Inhalte vollständig demonstrieren und testen möchten, stellen Sie sicher, dass Sie eine Site basierend auf der We.Cafe-Site-Vorlage wie zuvor beschrieben und weiterhin Aktivieren Sie AEM Screens für Ihre Demosite.
  • Wenn Sie nur mit zum Demo von Sites-Inhalten arbeiten, fahren Sie mit Verwalten Ihrer Demosites, Hier erfahren Sie mehr über die Tools, die Ihnen bei der Verwaltung Ihrer Demosites zur Verfügung stehen und wie Sie diese entfernen können.

Zusätzliche Ressourcen

  • Dokumentation zu Cloud Manager: Wenn Sie an weiteren Details zu den Funktionen von Cloud Manager interessiert sind, sollten Sie sich die ausführlichen technischen Dokumente direkt ansehen.
  • Site erstellen: Erfahren Sie, wie Sie AEM verwenden, um eine Site mithilfe von Site-Vorlagen zu erstellen, um den Stil und die Struktur Ihrer Site zu definieren.
  • Seitenbenennungskonventionen in AEM. Auf dieser Seite finden Sie die Konventionen zum Organisieren von AEM-Seiten.
  • AEM – Grundlegende Handhabung: Lesen Sie sich dieses Dokument durch, wenn Sie noch nicht mit AEM vertraut sind, um grundlegende Konzepte wie z. B. die Navigation in der Konsole und ihre Organisation zu verstehen.

Auf dieser Seite