Erstellen einer einfachen Webanwendung
TUTORIAL
Einführung: Erstellen einer einfachen Webanwendung
Folgen Sie der schrittweisen Anleitung, um Ihre erste Webanwendung zu erstellen.
Übersicht
Mit diesem Tutorial erstellen Sie eine einfache Webanwendung. Als Erstes erstellen Sie eine statische Webanwendung, auf der "Hallo Welt" gerendert wird. Anschließend lernen Sie, mit welcher Funktionalität Sie die Webanwendung ausstatten müssen, damit der angezeigte Text auf Ihrer benutzerdefinierten Eingabe basiert.
Was Sie erreichen werden
In diesem Tutorial erläutern wir Ihnen die Schritte zum Erstellen der o. g. Beispielwebanwendung. Sie werden:
- Eine Webanwendung erstellen
- Die Webanwendung mit einem serverlosen Backend verbinden
- Interaktivität zu Ihrer Webanwendung mit einer API und einer Datenbank hinzufügen
Voraussetzungen
Bevor Sie mit diesem Tutorial beginnen, benötigen Sie:
- Ein AWS-Konto: Wenn Sie noch keins haben, folgen Sie der Anleitung zum Einrichten Ihrer Umgebung, um einen schnellen Überblick zu erhalten.
Erfahrung mit AWS
Anfänger
Minimale Bearbeitungszeit
35 Minuten
Veranschlagte Kosten
Kostenloses Kontingent verfügbar
Erfordert
- AWS-Konto mit Administratorzugriff**
- Empfohlener Browser: aktuelle Version von Chrome oder Firefox
*Innerhalb der letzten 24 Stunden erstellte Konten haben möglicherweise noch keinen Zugriff auf alle für dieses Tutorial erforderlichen Services.
Verwendete Services
Letzte Aktualisierung
4. April 2023
Anwendungsarchitektur
Das nachstehende Diagramm zeigt eine visuelle Darstellung der in diesem Tutorial verwendeten Dienste und wie sie miteinander verbunden sind. Diese Anwendung verwendet AWS Amplify, Amazon API Gateway, AWS Lambda, Amazon DynamoDB und AWS Identity and Access Management (IAM).
Im Tutorial erläutern wir die Services detailliert und zeigen Ihnen, mit welchen Ressourcen Sie sich schneller mit diesen Services vertraut machen können.
Module
Dieses Tutorial teilt sich in sechs kurze Module auf. Sie müssen jedes Modul abschließen, damit Sie mit dem nächsten fortfahren können.
- Webanwendung erstellen (5 Minuten): Stellen Sie statische Ressourcen für Ihre Web-Anwendung mit der AWS Amplify Konsole bereit.
- Erstellen einer serverlosen Funktion (5 Minuten): Sie erstellen mithilfe von AWS Lambda eine serverlose Funktion.
- Verknüpfen der serverlosen Funktion mit der Webanwendung (5 Minuten): Sie stellen Ihre serverlose Funktion mit API Gateway bereit.
- Erstellen einer Datentabelle (10 Minuten): Sie übertragen Daten in eine Amazon DynamoDB-Tabelle.
- Hinzufügen einer Interaktivität zur Webanwendung (5 Minuten): Ändern Sie Ihre Webanwendung, um Ihre API aufzurufen.
- Bereinigung von Ressourcen (5 Minuten): Bereinigen Sie die in diesem Tutorial verwendeten Ressourcen.
Sie erstellen diese Webanwendung mithilfe der AWS-Managementkonsole, die sich direkt im Browser aufrufen lässt.