Tutorials

Website-Hosting auf Amazon S3: Eine Schritt-für-Schritt-Anleitung

Melden

Hier ist ein ausführliches Tutorial zum Hosten einer statischen Website auf Amazon S3.

Amazon S3 (Simple Storage Service) ist eine hervorragende Lösung, um statische Websites (HTML, CSS, JavaScript, Bilder) kostengünstig, hochverfügbar und ohne die Verwaltung von Servern zu betreiben.

Voraussetzungen

  • Ein aktives AWS-Konto.
  • Die Dateien Ihrer Website (mindestens eine index.html).

Schritt 1: S3 Bucket erstellen

  1. Melden Sie sich an der AWS Management Console an.
  2. Suchen Sie nach S3 und öffnen Sie den Service.
  3. Klicken Sie auf die Schaltfläche Bucket erstellen.
  4. Bucket-Name: Geben Sie einen Namen ein (z. B. meine-tolle-webseite).
    • Hinweis: Wenn Sie eine eigene Domain nutzen möchten, muss der Bucket-Name exakt wie die Domain lauten (z.B. www.meine-domain.de).
  5. Region: Wählen Sie eine Region in Ihrer Nähe aus (z. B. EU (Frankfurt)).
  6. Objektbesitz: Standardeinstellungen beibehalten.
  7. Einstellungen für das Blockieren von öffentlichem Zugriff:
    • Deaktivieren Sie die Option „Alle öffentlichen Zugriffe blockieren“.
    • Bestätigen Sie die Warnung, dass der Bucket öffentlich wird. (Dies ist notwendig, damit Besucher Ihre Website sehen können).
  8. Klicken Sie unten auf Bucket erstellen.

Schritt 2: Website-Dateien hochladen

  1. Klicken Sie in der Liste auf den Namen Ihres neu erstellten Buckets.
  2. Klicken Sie auf Hochladen und ziehen Sie Ihre Dateien (z. B. index.html, style.css, Ordner mit Bildern) in das Feld.
  3. Klicken Sie unten auf Hochladen.

Schritt 3: Statisches Website-Hosting aktivieren

  1. Wechseln Sie im Bucket zum Reiter Eigenschaften (Properties).
  2. Scrollen Sie ganz nach unten zum Bereich Statisches Website-Hosting.
  3. Klicken Sie auf Bearbeiten.
  4. Wählen Sie Aktivieren aus.
  5. Hosting-Typ: Hostet eine statische Website.
  6. Indexdokument: Geben Sie den Namen Ihrer Startseite ein (normalerweise index.html).
  7. Fehlerdokument (optional): Geben Sie eine Datei an, die bei Fehlern (404) angezeigt wird (z. B. error.html).
  8. Klicken Sie auf Änderungen speichern.

Schritt 4: Bucket-Richtlinie für öffentlichen Zugriff hinzufügen

Standardmäßig sind die Dateien zwar im „öffentlichen“ Bucket, aber noch nicht für jeden lesbar. Dies müssen wir per Richtlinie erlauben.

  1. Wechseln Sie zum Reiter Berechtigungen (Permissions).
  2. Suchen Sie den Bereich Bucket-Richtlinie und klicken Sie auf Bearbeiten.
  3. Kopieren Sie den folgenden JSON-Code in den Editor (ersetzen Sie NAME-IHRES-BUCKETS durch Ihren tatsächlichen Bucket-Namen):
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::NAME-IHRES-BUCKETS/*"
        }
    ]
}
  1. Klicken Sie auf Änderungen speichern.

Schritt 5: Die Website testen

  1. Gehen Sie zurück zum Reiter Eigenschaften.
  2. Scrollen Sie wieder ganz nach unten zum Bereich Statisches Website-Hosting.
  3. Dort finden Sie den Punkt Bucket-Website-Endpunkt. Dies ist die öffentliche URL Ihrer Website.
  4. Klicken Sie auf den Link – Ihre Website sollte nun im Browser erscheinen!

Zusammenfassung & nächste Schritte

  • Vorteile: Extrem günstig, skaliert automatisch bei vielen Besuchern und benötigt keine Wartung.
  • Eigene Domain: Um die kryptische AWS-URL durch eine eigene Domain (z.B. .de oder .com) zu ersetzen, können Sie Amazon Route 53 verwenden.
  • HTTPS: S3 allein unterstützt standardmäßig kein HTTPS für eigene Domains. Um Ihre Seite sicher zu machen, sollten Sie Amazon CloudFront (ein Content Delivery Network) vor Ihren S3-Bucket schalten.
0