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

 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.

 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.

Architekturdiagramm, das zeigt, wie AWS-Services in diesem Tutorial verwendet werden.

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.

  1. Webanwendung erstellen (5 Minuten): Stellen Sie statische Ressourcen für Ihre Web-Anwendung mit der AWS Amplify Konsole bereit.
  2. Erstellen einer serverlosen Funktion (5 Minuten): Sie erstellen mithilfe von AWS Lambda eine serverlose Funktion.
  3. Verknüpfen der serverlosen Funktion mit der Webanwendung (5 Minuten): Sie stellen Ihre serverlose Funktion mit API Gateway bereit.
  4. Erstellen einer Datentabelle (10 Minuten): Sie übertragen Daten in eine Amazon DynamoDB-Tabelle.
  5. Hinzufügen einer Interaktivität zur Webanwendung (5 Minuten): Ändern Sie Ihre Webanwendung, um Ihre API aufzurufen.
  6. 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.

War diese Seite hilfreich?

Webanwendung erstellen