Wie man eine statische Website kostenlos auf AWS S3 bereitstellt: Ein Anfängerleitfaden

Die Verbreitung von Cloud-Computing hat die Bereitstellung von Websites einfacher denn je gemacht, insbesondere für Anfänger. Dieser Leitfaden wird Ihnen zeigen, wie Sie eine statische Website kostenlos auf dem Simple Storage Service (S3) von Amazon Web Services (AWS) bereitstellen können. Mit den folgenden Schritten können Sie Ihre persönliche Website erstellen und online stellen und die Leistungsfähigkeit und Bequemlichkeit des Cloud-Computing erleben.

Schritt 1: Vorbereitungen

Bevor Sie mit der Bereitstellung beginnen, stellen Sie sicher, dass Sie Folgendes vorbereitet haben:

1. AWS-Konto: Bitte besuchen Sie die AWS-Website und registrieren Sie ein AWS-Konto.
2. Grundkenntnisse in HTML/CSS: Verstehen Sie die grundlegenden Kenntnisse zur Erstellung von Webseiten und bereiten Sie eine einfache statische Webseite vor. Sie können die folgende einfache Vorlage verwenden:

    Meine statische Website


# Willkommen auf meiner statischen Website!

    Dies ist meine erste statische Webseite.

Speichern Sie den obigen Code als index.html-Datei und bereiten Sie andere benötigte statische Ressourcen (wie Bilder, CSS-Dateien usw.) vor.

Schritt 2: Erstellen eines S3-Buckets

1. Melden Sie sich bei der AWS-Managementkonsole an, suchen Sie nach dem Dienst „S3“ und wählen Sie ihn aus.
2. Klicken Sie auf „Bucket erstellen“.
3. Geben Sie im Popup-Fenster Folgendes ein:
   • Bucket-Name: Geben Sie einen eindeutigen Bucket-Namen ein, z. B. my-static-website-12345.
   • Region: Wählen Sie die Region aus, die Ihnen am nächsten liegt.
   • Lassen Sie die anderen Optionen auf den Standardeinstellungen und klicken Sie auf „Bucket erstellen“.

Schritt 3: Konfigurieren des Buckets

1. Berechtigungen festlegen:
   • Finden Sie den gerade erstellten Bucket und klicken Sie darauf.
   • Gehen Sie zum Tab „Berechtigungen“ und klicken Sie auf „Bucket-Richtlinie“.
   • Fügen Sie im Richtlinieneditor die folgende Richtlinie hinzu, um den öffentlichen Zugriff auf Ihre Website zu ermöglichen:

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::my-static-website-12345/*"
        }
    ]
}

Hinweis: Bitte ersetzen Sie my-static-website-12345 durch Ihren eigenen Bucket-Namen.

2. Aktivieren der statischen Website-Hosting:
   • Kehren Sie zur Hauptseite des Buckets zurück und klicken Sie auf den Tab „Eigenschaften“.
   • Suchen Sie nach „Statische Website-Hosting“ und klicken Sie auf „Bearbeiten“.
   • Wählen Sie „Diese Bucket-Website hosten“.
   • Geben Sie im Feld „Indexdokument“ index.html ein und klicken Sie auf „Änderungen speichern“.

Schritt 4: Dateien hochladen

1. Klicken Sie auf der Hauptseite des Buckets auf „Hochladen“.
2. Ziehen Sie index.html und andere statische Ressourcen (wie CSS-Dateien, Bilder) in den Upload-Bereich.
3. Stellen Sie sicher, dass alle Dateien erfolgreich hochgeladen wurden.

Schritt 5: Zugriff auf Ihre Website

1. Kehren Sie zum Tab „Eigenschaften“ des Buckets zurück und überprüfen Sie erneut den Abschnitt „Statische Website-Hosting“. Sie sollten eine URL sehen, die ähnlich wie http://my-static-website-12345.s3-website-us-east-1.amazonaws.com/ aussieht.
2. Kopieren Sie diesen Link und öffnen Sie ihn in Ihrem Browser. Sie werden sehen, dass Ihre statische Website online ist!

Tipps und bewährte Praktiken

• Vermeiden Sie die Überschreitung des kostenlosen Kontingents: AWS S3 hat eine kostenlose Nutzungsebene, aber stellen Sie sicher, dass Sie die Nutzungseinschränkungen einhalten, um Kosten zu vermeiden.
• Verwenden Sie Versionskontrolle: Ziehen Sie in Betracht, Versionskontrolltools wie Git zu verwenden, um Ihre Website-Dateien zu verwalten und die Entwicklungseffizienz zu steigern.
• Ressourcen optimieren: Verwenden Sie komprimierte Bilder und minimierte CSS/JavaScript-Dateien, um die Ladegeschwindigkeit der Website zu verbessern.
• Überprüfen Sie regelmäßig die Sicherheitseinstellungen: Überprüfen Sie regelmäßig die Berechtigungen des Buckets, um sicherzustellen, dass Ihre Ressourcen nicht unbefugt zugänglich sind.

Fazit

AWS S3 bietet eine bequeme und kostengünstige Möglichkeit, statische Websites zu hosten. Mit diesem Leitfaden haben Sie die grundlegenden Schritte zum Erstellen, Konfigurieren und Veröffentlichen Ihrer ersten statischen Website auf AWS gelernt. Mit der Weiterentwicklung der Technologie können Sie die Funktionen Ihrer Website schrittweise erweitern und mehr über Cloud-Computing und Webentwicklung lernen. Willkommen auf Ihrer Reise in die Welt des Cloud-Computing!