Bereitstellen einer React-App

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

Schritt 1. Anwendungstyp auswählen

Wählen Sie auf der Registerkarte Frontend React aus. Wählen Sie auch die gewünschte Node.js-Version.

Schritt 2. Repository verbinden

Sie können ein Repository verbinden:

• Von Ihrem GitHub-, GitLab- oder BitBucket-Konto. Klicken Sie auf den Plattformnamen, 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 auf einer beliebigen Plattform erstellten Repository angeben. Klicken Sie auf Repository über URL verbinden und geben Sie die Git-URL des Repositories ein. Wenn das Repository privat ist, geben Sie auch die Zugangsdaten ein.

Lesen Sie hier mehr über das Verbinden von Repositories.

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 durch den letzten ausgeführten Commit aktiviert. In diesem Fall wird die App-Plattform den neuesten Commit bereitstellen und später die Anwendung automatisch neu erstellen, wenn Sie neue Commits zum Repository hinzufügen. Bei Bedarf können Sie die automatische Bereitstellung in Zukunft deaktivieren.

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

Schritt 4. Serverstandort auswählen

Wählen Sie den Serverstandort aus.

Für alle Frontend-Anwendungen bieten wir eine grundlegende Serverkonfiguration mit 1 GB NVMe und einem Limit von 200.000 Anfragen pro Monat.

Schritt 5: Build-Einstellungen konfigurieren

Die App-Plattform bestimmt automatisch den Build-Befehl und das Build-Verzeichnis für Ihr Projekt, sodass Sie diese Parameter in den meisten Fällen unverändert lassen können.

Wenn Ihr Projekt zusätzliche Module erfordert, können Sie Ihren eigenen Build-Befehl oder mehrere Befehle angeben, indem Sie sie mit && kombinieren.

Sie können auch Variablen festlegen, falls erforderlich.

Sie können diese Einstellungen später ändern und die App mit den neuen Parametern erneut bereitstellen.

Schritt 6: App-Informationen eingeben

Hier können Sie einen Namen und einen Kommentar für Ihre Anwendung angeben, die im Hostman-Dashboard angezeigt werden. Sie können auch ein Projekt auswählen, dem die App hinzugefügt werden soll.

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

Schritt 7. Bereitstellen

Klicken Sie auf Bereitstellung starten. Sobald der Prozess beginnt, sehen Sie das Bereitstellungsprotokoll auf der Registerkarte Bereitstellen.

Das Bereitstellungsprotokoll enthält alle notwendigen Informationen zur Lösung möglicher Probleme. Wenn etwas schiefläuft, beispielsweise aufgrund von Fehlern im Code, zeigt das Bereitstellungsprotokoll eine Benachrichtigung darüber an, die die Ursache des Problems angibt.

Wenn Sie ein Projekt zum ersten Mal bereitstellen, kann die Serverinstallation einige Zeit in Anspruch nehmen. Sobald der Prozess abgeschlossen ist, wird der Anwendungsstatus aktualisiert, und Sie sehen auch eine entsprechende Nachricht im Protokoll.

Alles erledigt!

Sie können die URL Ihrer App (die technische Domain, die mit der App verknüpft ist) auf der Hauptseite im Abschnitt "Apps" oder auf der Registerkarte "Einstellungen" Ihrer App finden und kopieren. Sie können auch Ihre eigene Domain mit der App verknüpfen.

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

In Zukunft wird die App-Plattform Updates im Repository überwachen und, wenn die automatische Bereitstellung aktiviert ist, das Projekt automatisch mit den neuen Änderungen neu erstellen.