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:
- Ein AWS-Konto**
- AWS CLI
- Ein ArcGIS-Konto zum Hinzufügen von Karten zu Ihrer Anwendung
- Einen Text-Editor
- Empfohlener Browser: die aktuelle Version von Chrome
- AWS Lambda
- Amazon API Gateway
- AWS Amplify
- Amazon DynamoDB
- Amazon Cognito
*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.
- Hosten einer statischen Website (15 Minuten): Konfigurieren Sie AWS Amplify zum Hosten der statischen Ressourcen für Ihre Webanwendung mit integrierter kontinuierlicher Bereitstellung
- Benutzer verwalten (30 Minuten): Erstellen Sie einen Amazon-Cognito-Benutzerpool, um die Konten Ihrer Benutzer zu verwalten
- Erstellen eines Serverless-Backends (30 Minuten): Erstellen Sie einen Backend-Prozess zur Bearbeitung von Anfragen für Ihre Webanwendung
- 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
- Beenden der Ressourcen (10 Minuten): Beenden Sie alle Ressourcen, die Sie im Laufe dieses Tutorials erstellt haben