Erste Schritte mit AWS

Erstellen einer einfachen Webanwendung

Bereitstellen einer Webanwendung und Einrichten der Interaktivität mit einer API und einer Datenbank

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.

Lerninhalte

In diesem Tutorial erläutern wir Ihnen die Schritte zum Erstellen der o. g. Beispielwebanwendung. Sie lernen Folgendes:

  • Erstellen einer Webanwendung
  • Verknüpfen der Webanwendung mit einem serverlosen Backend
  • Einrichten der Interaktivität Ihrer Webanwendung mit einer API und einer Datenbank

 Erfahrung mit AWS

Einsteiger

 Veranschlagte Zeit

30 Minuten

 Veranschlagte Kosten

 Tutorial – Voraussetzungen

  • 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.

Anwendungsarchitektur

Im Diagramm unten sind die Services, die in diesem Tutorial verwendet werden, und ihre Verbindungen visuell dargestellt. Diese Anwendung verwendet AWS Amplify, Amazon API Gateway, AWS Lambda und Amazon DynamoDB wie unten abgebildet.

Im Tutorial erläutern wir die Services detailliert und weisen Sie auf Ressourcen hin, die Ihnen helfen, sich mit ihnen vertraut zu machen.

full-stack amplify console arch diagram module 5

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.

  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. Interaktivität zur Webanwendung hinzufügen (5 Minuten): Ändern Sie Ihre Webanwendung, um Ihre API aufzurufen.

Sie erstellen diese Webanwendung mithilfe der AWS-Webkonsole, die sich direkt im Browser aufrufen lässt.

Webanwendung erstellen