Sign In
Sign In

Bereitstellen einer Angular-App

Updated on 25 February 2025

Um eine Angular-Anwendung auf Hostman bereitzustellen, gehen Sie zum Abschnitt App-Plattform und klicken Sie auf Erstellen.

Schritt 1. Anwendungstyp auswählen

Wählen Sie im Frontend-Tab Angular aus. Wählen Sie außerdem die gewünschte Node.js-Version.

B9c28e87 A2fa 42d1 8295 Be9741d3f692

Schritt 2. Ein Repository verbinden

Sie können ein Repository auf zwei Arten verbinden:

  • Über Ihr GitHub-, GitLab- oder BitBucket-Konto. Klicken Sie auf den Namen der Plattform, melden Sie sich an und wählen Sie das gewünschte Repository aus. Wenn Sie bereits angemeldet sind, zeigt Hostman sofort die verfügbaren Repositories an. 

  • Per URL, indem Sie einen Link zu einem Repository angeben, das auf einer beliebigen Plattform erstellt wurde. Klicken Sie auf Repository über URL verbinden und geben Sie die Git-URL des Repositorys ein. Falls das Repository privat ist, geben Sie auch die Zugangsdaten ein.

Mehr zum Verbinden von Repositories erfahren Sie hier

Schritt 3. Branch und Commit auswählen

  1. Wählen Sie einen Branch für die Bereitstellung aus.
  2. Standardmäßig ist die Option Build mit dem letzten ausgeführten Commit aktiviert. Die App-Plattform stellt dabei den neuesten Commit bereit und führt bei neuen Commits automatisch eine erneute Bereitstellung durch. Falls gewünscht, können Sie die automatische Bereitstellung deaktivieren.

Möchten Sie einen bestimmten Commit manuell auswählen, deaktivieren Sie diese Option.

Schritt 4. Serverstandort auswählen

Wählen Sie den Serverstandort aus.

Ff02b5ce 21be 4ab3 9c5d 962baecdabd5

Für alle Frontend-Anwendungen bieten wir eine Basisserverkonfiguration mit 1 GB NVMe-Speicher und einer Begrenzung auf 200.000 Anfragen pro Monat.

Schritt 5. Build-Einstellungen konfigurieren

Die App-Plattform erkennt automatisch den Build-Befehl und das Build-Verzeichnis Ihres Projekts, sodass diese Parameter in den meisten Fällen unverändert bleiben können.

Falls Ihr Projekt zusätzliche Module benötigt, können Sie eigene Build-Befehle festlegen und sie mit && kombinieren.

Zusätzlich können Sie Variablen definieren, falls erforderlich.

Diese Einstellungen lassen sich später ändern, und die Anwendung kann mit den neuen Parametern erneut bereitgestellt werden.

Schritt 6. App-Informationen eingeben

Geben Sie einen Namen und eine Beschreibung für Ihre Anwendung ein, die im Hostman-Dashboard angezeigt wird. Zudem können Sie ein Projekt auswählen, dem die App zugeordnet wird.

Diese Einstellungen können später geändert werden.

Schritt 7. Bereitstellung starten

Klicken Sie auf Start Deploy. Sobald der Prozess startet, sehen Sie das Bereitstellungsprotokoll auf der Registerkarte Deploy.

Das Protokoll enthält alle wichtigen Informationen zur Behebung möglicher Probleme. Falls ein Fehler auftritt, beispielsweise aufgrund von Codeproblemen, wird eine Benachrichtigung mit der Fehlerursache angezeigt.

Bei der ersten Bereitstellung kann die Serverinstallation einige Zeit in Anspruch nehmen. Nach Abschluss wird der Status der Anwendung aktualisiert, und Sie sehen eine entsprechende Meldung im Protokoll.

Alles erledigt!

Sie finden und kopieren die App-URL (die technische Domain, die mit der App verknüpft wurde) auf der Hauptseite im Abschnitt Apps oder im Tab Einstellungen Ihrer Anwendung. Zudem können Sie eine eigene Domain mit der Anwendung verbinden.

Die Anwendung wird auf den Ports 443 und 80 ausgeführt.

Zukünftig überwacht die App-Plattform die Updates im Repository. Falls die automatische Bereitstellung aktiviert ist, wird das Projekt mit den neuen Änderungen automatisch neu bereitgestellt.

Was this page helpful?
Updated on 25 February 2025

Do you have questions,
comments, or concerns?

Our professionals are available to assist you at any moment,
whether you need help or are just unsure of where to start.
Email us
Hostman's Support