Nutzen Sie die skalierbare Infrastruktur von AWS EC2, um Ihre React-Apps bereitzustellen.

In der sich schnell entwickelnden digitalen Landschaft von heute ist Cloud Computing zu einem unverzichtbaren Werkzeug für Unternehmen geworden. Unter den verschiedenen verfügbaren Cloud-Computing-Plattformen ist Amazon Web Services (AWS) EC2 (Elastic Compute Cloud) zeichnet sich durch eine vielseitige und leistungsstarke Plattform für die Bereitstellung von Anwendungen und die Verwaltung der Infrastruktur aus Leichtigkeit.

Mit seiner skalierbaren Infrastruktur, robusten Sicherheitsfunktionen und nahtlosen Integrationsoptionen ermöglicht Ihnen EC2, das volle Potenzial Ihrer Anwendungen auszuschöpfen.

1. Richten Sie eine AWS EC2-Instanz ein

Um mit der Nutzung von AWS EC2 zu beginnen, können Sie als Ausgangspunkt die folgenden Schritte ausführen.

  • Melden Sie sich an AWS-Managementkonsole. Wenn Sie es noch nicht getan haben, erstellen Sie ein Konto auf der offiziellen AWS-Website.
  • Navigieren Sie zu EC2 und klicken Sie auf Instanzen starten.
    • instagram viewer
  • Wählen Sie ein Amazon Machine Image (AMI), das Ihr bevorzugtes Betriebssystem unterstützt.
  • Konfigurieren Sie außerdem nach Ihren Wünschen Sicherheitsgruppen, um eingehenden Datenverkehr zu Ihrer Anwendung (z. B. HTTP/HTTPS) zuzulassen.
  • Jetzt hast du Sie haben Ihre AWS EC2-Instanz für den Linux-Server erstellt erfolgreich abgeschlossen und dann ein neues Schlüsselpaar erstellt oder ein bestehendes ausgewählt.

2. Stellen Sie eine Verbindung zu Ihrer EC2-Instanz her

Nachdem Sie Ihre EC2-Instanz erfolgreich eingerichtet haben, müssen Sie im nächsten Schritt lernen, wie Sie eine Verbindung zu dieser herstellen.

  • Laden Sie die erstellte private Schlüsseldatei (.pem) für Ihr Schlüsselpaar herunter.
  • Um Ihr Schlüsselpaar zu verbinden, können Sie auch Verwenden Sie FTP-Clients wie Filezilla oder Kitt (wenn Sie ein Windows-Benutzer sind).
  • Legen Sie mit dem folgenden Befehl im Terminal die entsprechenden Berechtigungen für die private Schlüsseldatei fest: 
 chmod 400 /path/to/key-pair.pem
  • Stellen Sie über SSH eine Verbindung zu Ihrer Instanz her.

Zum Beispiel:

ssh -i /path/to/your-key-pair.pem ec2-user@your-instance-public-ip

Wenn Sie diese Schritte befolgen, stellen Sie erfolgreich eine Verbindung zu Ihrer EC2-Instanz her.

3. Aktualisieren Sie Pakete auf Ihrer EC2-Instanz

Nachdem Sie eine Verbindung mit Ihrer EC2-Instanz hergestellt haben, fahren Sie mit der Aktualisierung der Pakete in Ihrer Instanz fort.

  • Aktualisieren Sie die Pakete auf Ihrer EC2-Instanz, indem Sie den folgenden Befehl ausführen: 
Sudo leckeres Update

4. Installieren Sie Node.js und npm

Um Node.js und npm in Ihrer EC2-Instanz zu installieren, führen Sie den folgenden Befehl aus:

Locken -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | Bash-Quelle ~/.nvm/nvm.sh NVM-Installationsknoten

5. Klonen Sie Ihr React-Anwendungs-Repository

Führen Sie die folgenden Schritte aus, um Ihre React-Anwendung auf der EC2-Instanz bereitzustellen:

  • Installieren Sie Git, falls es noch nicht auf Ihrer Instanz installiert ist: 
 sudo yum install git
  • Klonen Sie Ihr React-Anwendungs-Repository mit dem folgenden Befehl: 
Git-Klon

6. Projektabhängigkeiten installieren

Navigieren Sie nach dem Klonen Ihres React-Anwendungs-Repositorys zum Repository-Verzeichnis und installieren Sie die Projektabhängigkeiten.

CD  npm installieren

7. Erstellen Sie Ihre Reaktionsanwendung

Verwenden Sie den folgenden Befehl, um Ihre React-Anwendung für die Produktion zu erstellen:

npm run build

8. Installieren Sie einen Webserver

Um Ihre React-Anwendung auf der EC2-Instanz auszuführen, installieren Sie einen Webserver wie z Nginx. Nginx bietet Leistung, Skalierbarkeit, Caching, Lastausgleich und Sicherheitsfunktionen, um eine zuverlässige Bereitstellung Ihrer Anwendung sicherzustellen. Installieren Sie Nginx mit dem folgenden Befehl:

sudo yum installiere nginx

9. Konfigurieren Sie Nginx

Gehen Sie folgendermaßen vor, um Nginx für Ihre React-Anwendung zu konfigurieren:

  • Öffnen Sie die Nginx-Konfigurationsdatei mit dem folgenden Befehl: 
sudo nano /etc/nginx/nginx.conf
  • Aktualisieren Sie den Serverblock so, dass er den folgenden Standortblock enthält: 
server {...location / {root/path/to/your/react/application/build;
index index.html;
try_files $uri /index.html;}... }

Speichern Sie die Datei und verlassen Sie den Editor.

10. Starten Sie den Nginx-Server

Um den Nginx-Server zu starten und ihn beim Systemstart automatisch starten zu lassen, verwenden Sie die folgenden Befehle:

sudo service nginx startet udo chkconfig nginx on

11. Greifen Sie auf Ihre React-Anwendung zu

Um auf Ihre bereitgestellte React-Anwendung zuzugreifen, führen Sie die folgenden Schritte aus:

  • Finden Sie in Ihrer Konsole die öffentliche IP-Adresse Ihrer Instanz, indem Sie Ihre erstellte EC2-Instanz durchsuchen.
  • Suchen Sie dann mithilfe dieser IP-Adresse oder der mit Ihrer EC2-Instanz verknüpften Domäne nach Ihrer bereitgestellten Anwendung.

Nutzen Sie die Leistungsfähigkeit von AWS für die Anwendungsverbesserung

AWS bietet eine breite Palette an Diensten und Funktionen, die die Fähigkeiten Ihrer Anwendung erheblich verbessern können. Indem Sie Optionen wie automatische Skalierung, Lastausgleich und Datenbanken erkunden und die Leistung und Sicherheit Ihrer EC2-Instanz kontinuierlich überwachen, können Sie einen optimalen Betrieb gewährleisten.

Wenn Sie den Prozess der Einrichtung einer EC2-Instanz und der Bereitstellung einer React-Anwendung beherrschen, erwerben Sie nicht nur wertvolle Fähigkeiten, sondern können auch das volle Potenzial von Cloud Computing nutzen.