Erste Schritte mit AWS

Erstellen einer React-Anwendung

Erstellen Sie eine einfache Web-Anwendung mit AWS Amplify

Modul 1: React-Web-App bereitstellen und hosten

In diesem Modul erstellen Sie eine React-Anwendung und stellen sie mit dem Webhosting-Service von AWS Amplify in der Cloud bereit.

Einführung

AWS Amplify bietet einen Git-basierten CI/CD-Workflow für die Erstellung, Bereitstellung und das Hosting von einseitigen Webanwendungen oder statischen Websites mit serverlosen Backends. Sobald ein Git-Repository verbunden wurde, bestimmt Amplify automatisch die Build-Einstellungen für das Frontend-Framework und alle serverlosen Backend-Ressourcen, die über die Amplify-Befehlszeilenschnittstelle konfiguriert wurden.

In diesem Modul beginnen wir mit dem Erstellen einer neuen React-Anwendung und mit dem Übertragen in ein GitHub-Repository. Dann werden wir das Repository mit dem Webhosting von AWS Amplify verbinden und es in einem weltweit verfügbaren Content Delivery Network (CDN) bereitstellen, das auf einer amplifyapp.com-Domain gehostet wird. Als nächstes werden wir die kontinuierlichen Bereitstellungsmöglichkeiten demonstrieren, indem wir Änderungen an der React-Anwendung vornehmen und eine neue Version in den Master-Zweig schieben, die automatisch eine neue Bereitstellung einleitet.

Lerninhalte

  • Erstellen einer React-Anwendung
  • Initialisieren eines GitHub-Repositorys
  • Bereitstellen Ihrer App mit AWS Amplify
  • Code-Änderungen implementieren und Ihre Anwendung neu bereitstellen

Wichtige Konzepte

React-Anwendung – React ist ein Web-Anwendungsframework, das es Entwicklern ermöglicht, mit Hilfe von JavaScript schnell performante Anwendungen für einzelne Seiten zu erstellen.

Git – Ein Versionskontrollsystem, das es Entwicklern ermöglicht, Dateien zu speichern sowie Beziehungen zwischen Dateien und Verzeichnissen, Versionen und Änderungen an den Dateien zu pflegen und zu aktualisieren.

 Veranschlagte Zeit

10 Minuten

 Verwendete Services

Implementierung

Fazit

Sie haben eine React-Anwendung in der AWS Cloud durch Integration mit GitHub und Verwendung von AWS Amplify bereitgestellt. Mit AWS Amplify können Sie Ihre Anwendung weiter in der Cloud bereitstellen und in einem global verfügbaren CDN hosten.

Als Nächstes werden wir eine lokale Version der Anwendung erstellen, um die Entwicklung fortzusetzen und neue Funktionen hinzuzufügen.

War das Modul hilfreich?

Lokale Anwendung initialisieren