In diesem Modul konfigurieren Sie Amazon Simple Storage Service (S3) zum Hosten der statischen Ressourcen für Ihre Webanwendung. In nachfolgenden Modulen fügen Sie diesen Seiten mithilfe von JavaScript dynamische Funktionen hinzu, um Remote-RESTful-APIs aufzurufen, die mit AWS Lambda und Amazon API Gateway erstellt wurden

Die Architektur für dieses Modul ist sehr einfach. Alle Ihre statischen Webinhalte, einschließlich HTML, CSS, JavaScript, Bilder und andere Dateien, werden in Amazon S3 gespeichert. Ihre Endbenutzer greifen dann über die von Amazon S3 bereitgestellte öffentliche Website-URL auf Ihre Website zu. Sie müssen keine Webserver betreiben oder andere Dienste nutzen, um Ihre Website verfügbar zu machen

Für die Zwecke dieses Moduls verwenden Sie die von uns bereitgestellte Amazon S3-Website-Endpunkt-URL. Es nimmt die Form an
httpIhr-Bucket-Name}.s3-Website.{Region}.amazonaws.com. Für die meisten realen Anwendungen werden Sie eine benutzerdefinierte Domain zum Hosten Ihrer Website verwenden wollen. Wenn Sie daran interessiert sind, eine eigene Domäne zu verwenden, befolgen Sie die Anweisungen zum Einrichten einer statischen Website mit einer benutzerdefinierten Domäne in der Amazon S3-Dokumentation

** Zeit zum Abschließen des Moduls 30 Minuten ** Verwendete Dienste Amazon S3 ** CloudFormation-Vorlage Wenn Sie bereits mit Amazon S3 vertraut sind oder einfach zur Arbeit mit Lambda und API Gateway übergehen möchten, können Sie eines davon starten AWS CloudFormation-Vorlagen in der Region Ihrer Wahl, um die erforderlichen Ressourcen automatisch zu erstellen

|Region||CloudFormation-Vorlage|
|USA Ost (Nord-VirginiaLaunch-Stack >|
|USA Ost (OhioLaunch-Stack >|
|USA West (OregonLaunch-Stack >|
|EU (FrankfurtLaunch-Stack >|
|EU (IrlandLaunch-Stack >|
|EU (LondonLaunch-Stack >|
|Asien-Pazifik (TokyoLaunch-Stack >|
|Asien-Pazifik (SeoulLaunch-Stack >|
|Asien-Pazifik (SydneyLaunch-Stack >|
|Asien-Pazifik (MumbaiLaunch-Stack >|
**CloudFormation-Startanweisungen**
Drücke den
Starten Sie Stacklink oben für die Region Ihrer Wahl

Klicken
Weiterauf der Seite Vorlage auswählen

Geben Sie einen global eindeutigen Namen für die
Website-Bucket-Name wie z
wildrydes-deinnameund klick
Nächste

Übernehmen Sie auf der Seite „Optionen“ alle Standardeinstellungen und klicken Sie auf
Nächste

Aktivieren Sie auf der Überprüfungsseite das Kontrollkästchen, um zu bestätigen, dass CloudFormation IAM-Ressourcen erstellen wird, und klicken Sie darauf
Schaffen

Diese Vorlage verwendet eine benutzerdefinierte Ressource, um die statischen Website-Assets aus einem zentralen S3-Bucket in Ihren eigenen dedizierten Bucket zu kopieren. Damit die benutzerdefinierte Ressource in den neuen Bucket in Ihrem Konto schreiben kann, muss sie eine IAM-Rolle erstellen, die sie mit diesen Berechtigungen übernehmen kann

Warte auf die
wildrydes-webapp-1stack um einen Status von zu erreichen
CREATE_COMPLETE

Mit dem
wildrydes-webapp-1stack ausgewählt, klicken Sie auf die
Registerkarte Ausgabe und klicken Sie auf den Link WebsiteURL

Vergewissern Sie sich, dass die Startseite von Wild Rydes ordnungsgemäß geladen wird, und fahren Sie mit dem nächsten Modul, der Benutzerverwaltung, fort

Folgen Sie der Schritt-für-Schritt-Anleitung unten, um eine statische Website zu hosten. Klicken Sie auf jede Schrittnummer, um den Abschnitt zu erweitern.