Erste Schritte mit AWS

Erstellen einer Serverless-Webanwendung

mit AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB und Amazon Cognito

Einführung: Erstellen einer Serverless-Webanwendung

Befolgen Sie die Schritt-für-Schritt-Anleitung, um eine einfache Serverless-Webanwendung zu erstellen, mit der Benutzer aus der Wild Rydes auf Einhörnern reiten können

Übersicht

In diesem Tutorial erstellen Sie eine einfache Serverless-Webanwendung, mit der Benutzer bei der Wild-Rydes Flotte auf Einhörnern reiten können. Die Anwendung stellt Benutzern eine HTML-basierte Benutzeroberfläche bereit, mit der sie den Ort angeben können, an dem sie abgeholt werden möchten, und interagiert am Backend mit einem RESTful-Webservice, um die Anfrage zu übermitteln und ein Einhorn in der Nähe bereitzustellen. Die Anwendung stellt auch Komponenten bereit, damit sich Benutzer beim Service registrieren und sich anmelden können, bevor sie einen Einhornritt anfordern.

Voraussetzungen

Um dieses Tutorial abzuschließen, benötigen Sie ein AWS-Konto, eine installierte AWS CLI, ein Konto bei ArcGIS, um Ihrer App Karten hinzuzufügen, einen Texteditor und einen Webbrowser. Wenn Sie noch kein AWS-Konto haben, folgen Sie dem Leitfaden für die ersten Schritte zum Einrichten Ihrer AWS-Umgebung, um einen schnellen Überblick zu erhalten.

Anwendungsarchitektur

Die Anwendungsarchitektur verwendet AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito und AWS-Amplify-Konsole. Die Amplify-Konsole bietet kontinuierliche Bereitstellung und Hosting der statischen Webressourcen, einschließlich HTML, CSS, JavaScript und Bilddateien, die im Browser des Benutzers geladen werden. Wenn JavaScript im Browser ausgeführt wird, werden Daten versendet und von einer öffentlichen Backend-API empfangen, die mithilfe von Lambda und API Gateway erstellt wurde. Amazon Cognito stellt Benutzerverwaltungs- und Authentifizierungsfunktionen bereit, um die Backend-API zu schützen. Amazon DynamoDB bietet eine Persistenzschicht, auf der Daten mithilfe der Lambda-Funktion der API gespeichert werden können.

Statisches Web-Hosting

AWS Amplify hostet statische Webressourcen, wie u. a. HTML, CSS, JavaScript und Bilddateien, die im Browser des Benutzers geladen werden.

Benutzerverwaltung

Amazon Cognito stellt Benutzerverwaltungs- und Authentifizierungsfunktionen bereit, um die Backend-API zu schützen.

Serverloses Backend

Amazon DynamoDB stellt eine Persistenzebene bereit, wo die Lambda-Funktion der API die Daten speichern kann.

RESTful-API

Wenn JavaScript im Browser ausgeführt wird, werden Daten versendet und von einer öffentlichen Backend-API empfangen, die mithilfe von Lambda und API Gateway erstellt wurde.

 Erfahrung mit AWS

Einsteiger

 Benötigte Zeit

2 Stunden

 Kosten für die Fertigstellung

Jeder für diese Architektur verwendete Service ist für das kostenlose AWS-Kontingent qualifiziert. Wenn die festgelegten Nutzungsgrenzen des kostenlosen Kontingents für Sie nicht gelten, werden Ihnen für den Abschluss dieses Tutorials weniger als 0,25 USD in Rechnung gestellt*.

 Erfordert

Genutzte Technologien:


*Diese Schätzung basiert auf der Annahme, dass Sie die empfohlenen Konfigurationen während des gesamten Tutorials übernehmen und alle Ressourcen innerhalb von 24 Stunden beenden.
**Innerhalb der letzten 24 Stunden erstellte Konten haben möglicherweise noch keinen Zugriff auf alle für dieses Tutorial erforderlichen Ressourcen.

 Letzte Aktualisierung

5. September 2023

Module

Dieses Tutorial teilt sich in 5 Module auf. Jedes Modul beschreibt ein Szenario dessen, was wir aufbauen werden, sowie Schritt-für-Schritt-Anleitungen, die Ihnen bei der Implementierung der Architektur und der Überprüfung Ihrer Arbeit helfen sollen. 

  1. Hosten einer statischen Website (15 Minuten): Konfigurieren Sie AWS Amplify zum Hosten der statischen Ressourcen für Ihre Webanwendung mit integrierter kontinuierlicher Bereitstellung
  2. Benutzer verwalten (30 Minuten): Erstellen Sie einen Amazon-Cognito-Benutzerpool, um die Konten Ihrer Benutzer zu verwalten
  3. Erstellen eines Serverless-Backends (30 Minuten): Erstellen Sie einen Backend-Prozess zur Bearbeitung von Anfragen für Ihre Webanwendung
  4. Bereitstellen einer RESTful-API (15 Minuten): Verwenden Sie Amazon API Gateway zur Bereitstellung der Lambda-Funktion, die Sie im vorherigen Modul als RESTful-API erstellt haben
  5. Beenden der Ressourcen (10 Minuten): Beenden Sie alle Ressourcen, die Sie im Laufe dieses Tutorials erstellt haben

War diese Seite hilfreich?

Hosten einer statischen Website