So Bereitstellung von React App für AWS

React ist eine Bibliothek in der JavaScript -Sprache zum Erstellen schneller und interaktiver Benutzeroberflächen und eine der beliebtesten Bibliotheken für die Entwicklung von Benutzeroberflächen. Es verwendet unabhängige, isolierte und wiederverwendbare Komponenten, die Teile der Benutzeroberfläche sind und sie zum Erstellen komplexer Strukturen komponieren. In diesem Beitrag führen Sie die Bereitstellung von React -Anwendungen für AWS mithilfe von EC2 -Instanzen an.

Beginnen wir mit der Bereitstellung von React -Anwendung in AWS:

Bereitstellen Sie die React -App für AWS bereit

Um die React -Anwendung in AWS bereitzustellen, erstellen Sie eine EC2 -Instanz aus der EC2 -Konsole, indem Sie auf die “klickenStartinstanzen" Taste:

Geben Sie den Namen der Instanz mit der Amazon Machine Image -Auswahl für die EC2 -Instanz ein:

Wählen Sie den Instanztyp und erstellen Sie das private Schlüsselpaar, indem Sie auf die “klicken“Erstellen Sie neues Schlüsselpaar" Verknüpfung:

Geben Sie den Namen der Schlüsselpaardatei ein und wählen Sie den Dateityp und den Format zum Herunterladen aus. Klicken Sie danach auf die “Schlüsselpaar erstellenSchaltfläche unten auf der Seite, um die Schlüsselpaardatei zu erstellen:

Ermöglichen Sie den HTTP- und HTTPS -Verkehr aus dem Internet in den Sicherheitsgruppen. Überprüfen Sie danach einfach alle Einstellungen, bevor Sie auf die “klicken“Startinstanz”Um eine EC2 -Instanz zu erstellen:

Wählen Sie nach der Instanzerstellung sie aus und klicken Sie auf die “VerbindenSchaltfläche zur Verbindung zum EC2 -Instanz:

Wählen Sie den SSH -Client aus, um eine Verbindung zur Instanz herzustellen, und kopieren Sie den im folgenden Screenshot genannten Befehl:

Fügen Sie den Befehl in die Eingabeaufforderung oder PowerShell ein und ändern Sie den Pfad der privaten Schlüsselpaardatei:

Sobald der Benutzer mit der EC2 -Instanz verbunden ist, verwenden Sie den folgenden Befehl, um die APT -Pakete aktualisiert zu erhalten:

APT-Get-Update

Durch Ausführen des obigen Befehls werden die folgenden Ausgabe angezeigt:

Installieren Sie den NGINX -Server, um die React -Anwendung zu bereitstellen. Überprüfen Sie die Existenz und starten Sie den Server mithilfe der folgenden Befehle neu:

sudo apt -get install nginx -y
nginx -v
sudo systemctl starten nginx neu

Diese Befehle installieren und starten die Nginx -Dienste:

Installieren Sie danach die Curl, um die React -Anwendung auf dem Nginx -Server mithilfe des folgenden Befehls zu erstellen:

sudo apt-Get Installieren Sie Curl

Durch Ausführen dieses Befehls wird die folgende Ausgabe angezeigt:

Verwenden Sie danach Curl, um NodeJs mit dem folgenden Befehl herunterzuladen:

curl -l https: // deb.nodesource.com/setup_14.x | sudo -e Bash -

Das folgende Ergebnis wird aus dem obigen Befehl angezeigt:

Installieren Sie nach Abschluss des Herunterladens die NodeJs mit dem folgenden Befehl:

sudo apt -Get install -y nodejs

In diesem Befehl werden die NodeJs installiert, um die React -Anwendung zu erstellen:

Verwenden Sie den folgenden Befehl, um den Ordner zu finden, in dem die React -Anwendung erstellt wird:

CD/var/www/html/

Der Benutzer befindet sich im Ordner, um die React -Anwendung zu erstellen:

Erstellen Sie die Anwendung im Ordner mit dem folgenden Befehl:

NPX erstellen React-Tutorial React-App

Durch Ausführen dieses Befehls wird die folgende Ausgabe angezeigt:

Verwenden Sie die folgenden Befehle, um die NPM zu starten und die React -Anwendung auszuführen:

CD React-Tutorial
NPM Start

Durch Ausführen dieses Befehls können Sie die React -Anwendung im Webbrowser mit den Links aus dem folgenden Screenshot zugreifen:

Ihre React -Anwendung wird im Browser mit dem Localhost oder dem AWS -Netzwerk ausgeführt:

Sie haben die React -Anwendung in AWS erfolgreich eingesetzt:

Abschluss

React -Anwendungen können mit der AWS -EC2 -Instanz bereitgestellt werden. Erstellen Sie die EC2 -Instanz aus der Seite EC2 -Konsole und stellen Sie dann mit dem SSH -Client eine Verbindung zu ihm her. Sobald Sie sich in der EC2 -Instanz befinden, laden Sie den NGINX -Server und den NodeJS herunter und installieren Sie sie, um die React -Anwendung für AWS bereitzustellen. In den NodeJs erstellen Sie eine React -App, die über den Nginx -Server bereitgestellt wird.