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 Website, auf der "Hallo Welt" gerendert wird. Anschließend lernen Sie, mit welcher Funktionalität Sie die Website 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 statischen Website
  • Verknüpfen der Website mit einem serverlosen Backend
  • Einrichten der Interaktivität Ihrer Webanwendung mit einer API und einer Datenbank

 Erfahrung mit AWS

Einsteiger

 Veranschlagte Zeit

35 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 nutzt wie unten gezeigt Amazon Simple Storage Service (S3), Amazon API Gateway, AWS Lambda und Amazon DynamoDB.

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 tutorial app arch diagram

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. Erstellen einer statischen Website (10 Minuten): Sie erstellen mit Amazon Simple Storage Service (S3) eine statische Website.
  2. Erstellen einer serverlosen Funktion (5 Minuten): Sie erstellen mithilfe von AWS Lambda eine serverlose Funktion.
  3. Verknüpfen der serverlosen Funktion mit der Website (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. Einrichten der Interaktivität der Website (5 Minuten): Sie bearbeiten Ihre statische Website so, dass die API aufgerufen wird.

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

Erstellen einer statischen Website