Erste Schritte mit AWS
Erstellen einer Full-Stack-React-Anwendung
Erstellen Sie eine einfache Web-Anwendung mit AWS Amplify
Einführung: Erstellen einer Full-Stack-React-Anwendung
Folgen Sie der schrittweisen Anleitung, um Ihre erste React-Webanwendung zu erstellen.
Übersicht
In diesem Tutorial erstellen Sie eine einfache Full-Stack-Webanwendung mit AWS Amplify, einer Reihe von Tools und Services, einschließlich eines Web-Hosting-Services. Im ersten Modul erstellen und hosten Sie eine React-Anwendung in AWS. In den restlichen vier Modulen initialisieren Sie eine lokale Anwendung unter Verwendung der CLI, fügen eine Authentifizierung hinzu, fügen eine GraphQL-API und eine Datenbank hinzu und aktualisieren Ihre Anwendung, um Bilder zu speichern.
Was Sie erreichen werden
In diesem Tutorial erläutern wir Ihnen die Schritte zum Erstellen der o. g. Beispielwebanwendung. Sie lernen Folgendes:
- Hosting: Erstellung und Hosting einer React-Anwendung auf dem AWS Global Content Delivery Network (CDN)
- Authentifizierung: Hinzufügen einer Authentisierung zu Ihrer Anwendung, um An- und Abmeldung zu ermöglichen
- Datenbank und Speicher: Hinzufügen einer GraphQL-API, einer Datenbank und einer Speicherlösung
Erfahrung mit AWS
Einsteiger
Benötigte Zeit
50 Minuten
Veranschlagte Kosten
Kostenloses Kontingent verfügbar
Erfordert
- AWS-Konto mit Administratorzugriff*
- Node.js: Node.js v10.x oder später
- GitHub-Konto
- Git**: Windows-Benutzer müssen Git installieren
[*] Innerhalb der letzten 24 Stunden erstellte Konten haben möglicherweise noch keinen Zugriff auf alle für dieses Tutorial erforderlichen Services.
[**] Nicht anwendbar für iOS-Benutzer, da Git standardmäßig enthalten ist
Verwendete Services
Letzte Aktualisierung
28. April 2023
Module
Dieses Tutorial teilt sich in 5 kurze Module auf. Sie müssen jedes Modul abschließen, damit Sie mit dem nächsten fortfahren können.
- Bereitstellung und Hosting einer React-App (10 Minuten): Erstellen Sie eine React-Anwendung und stellen Sie sie über AWS Amplify bereit und hosten Sie sie.
- Eine lokale Anwendung initialisieren (5 Minuten): Initialisieren einer lokalen Anwendung mit AWS Amplify.
- Authentifizierung hinzufügen (10 Minuten): Authentisierung zu Ihrer Anwendung hinzufügen.
- Fügen Sie eine GraphQL-API und eine Datenbank hinzu (15 Minuten): Erstellen Sie eine GraphQL-API.
- Hinzufügen der Fähigkeit, Bilder zu speichern (10 Minuten): Fügen Sie Ihrer App Speicherplatz hinzu.
Sie werden diese React-Anwendung mithilfe der Eingabeaufforderung/des Terminals, des Test-Editors und der AWS-Managementkonsole erstellen.