Bereitstellen mithilfe der Frontend-Pipeline

Letzte Aktualisierung: 27. März 2025
  • Gilt für:
  • Experience Manager as a Cloud Service

Erstellt für:

  • Fortgeschrittener
  • Entwickler
  • Admin

In diesem Kapitel erstellen wir eine Frontend-Pipeline in Adobe Cloud Manager und führen sie aus. Es werden nur die Dateien aus dem ui.frontend-Modul erstellt und dann in AEM as a Cloud Service im integrierten CDN bereitgestellt. Dies ist ein Schritt weg von der /etc.clientlibs-basierten Bereitstellung von Frontend-Ressourcen.

Ziele

  • Erstellen Sie eine Frontend-Pipeline und führen Sie sie aus.
  • Stellen Sie sicher, dass Frontend-Ressourcen NICHT von /etc.clientlibs, sondern von einem neuen Host-Namen bereitgestellt werden, der mit https://static- beginnt.

Verwenden der Frontend-Pipeline

Voraussetzungen

Dies ist ein mehrteiliges Tutorial, und es wird davon ausgegangen, dass Sie die Schritte, die in Aktualisieren des Standard-AEM-Projekts beschrieben werden, abgeschlossen haben.

Stellen Sie sicher, dass Sie die Berechtigungen zum Erstellen und Bereitstellen von Pipelines in Cloud Manager und Zugriff auf eine AEM as a Cloud Service-Umgebung haben.

Umbenennen einer vorhandenen Pipeline

Benennen Sie die vorhandene Pipeline von Bereitstellen für Entwicklung in Full-Stack-WKND-Bereitstellung für Entwicklung um, indem Sie auf der Registerkarte Konfiguration zum Feld Name der produktionsfremden Pipeline gehen. Dadurch soll direkt am Namen erkennbar sein, ob eine Pipeline Full-Stack oder Frontend ist.

Pipeline umbenennen

Überprüfen Sie auch auf der Registerkarte Quell-Code, ob die Feldwerte für Repository und Git-Verzweigung korrekt sind und die Verzweigung über die Änderungen an Ihrem Frontend-Pipeline-Vertrag verfügt.

Quell-Code-Konfigurations-Pipeline

Erstellen einer Frontend-Pipeline

Um NUR die Frontend-Ressourcen aus dem ui.frontend-Modul zu erstellen und bereitzustellen, führen Sie die folgenden Schritte aus:

  1. Klicken Sie in der Cloud Manager-Benutzeroberfläche im Abschnitt Pipelines auf Hinzufügen und wählen Sie Produktionsfremde Pipeline hinzufügen (bzw. Produktions-Pipeline hinzufügen) aus, je nach der AEM as a Cloud Service-Umgebung, für die Sie bereitstellen möchten.

  2. Wählen Sie im Dialog Produktionsfremde Pipeline hinzufügen als Teil der Schritte zur Konfiguration die Option Implementierungs-Pipeline aus, nennen Sie sie Frontend-WKND-Bereitstellung für Entwicklung und klicken Sie auf Weiter.

Erstellen von Frontend-Pipeline-Konfigurationen

  1. Wählen Sie als Teil der Quell-Code-Schritte die Option Frontend-Code aus und wählen Sie die Umgebung aus Mögliche Bereitstellungsumgebungen aus. Stellen Sie im Abschnitt Quell-Code sicher, dass die Feldwerte für Repository und Git-Verzweigung korrekt sind und der Zweig über die Änderungen an Ihrem Frontend-Pipeline-Vertrag verfügt.
    Und am wichtigsten ist, dass für das Feld Code-Speicherort der Wert /ui.frontend ist. Klicken Sie schließlich auf Speichern.

Erstellen des Quell-Codes für die Frontend-Pipeline