So konfigurieren Sie Route53 mit unserem Domainnamen für den Zugriff auf eine statische Website von S3 auf AWS

Dieser Artikel hilft Ihnen bei den Schritten zum Hosten einer statischen Website auf S3 und zum Umleiten des Datenverkehrs von Ihrer Subdomain auf die statische Website im S3-Bucket. Dazu benötigen Sie eine auf AWS erworbene Domain. Sobald Sie die Domain auf AWS haben, können Sie eine Subdomain erstellen und Anfragen von dieser auf den S3-Bucket umleiten.

Eine statische Website ist der grundlegende Typ einer Website, die Webseiten mit einem festen Inhalt enthält. Jede Seite ist mit HTML kodiert und liefert den darin enthaltenen Inhalt, während dynamische Websites von der serverseitigen Verarbeitung abhängen, einschließlich serverseitiger Skripte wie PHP, JSP oder ASP.NET. S3 unterstützt nur statische Websites und keine dynamischen.

Bevor Sie mit diesem Artikel fortfahren, wird vorausgesetzt, dass Sie ein grundlegendes Verständnis von S3 Bucket und Route53 haben.

Beachten Sie außerdem, dass der Kauf einer Domain bei AWS nicht kostenlos ist und Ihnen in Rechnung gestellt wird. Wenn Sie die Domain einmal gekauft haben, wird der abgezogene Betrag nicht zurückerstattet, selbst wenn Sie sie zwischendurch kündigen. Das Erstellen einer HostedZone ist ebenfalls nicht kostenlos, klicken Sie hier, um die Preise zu erfahren.

Für den S3-Bucket fallen ebenfalls Kosten an, allerdings sehr geringe. Um die Preise von S3 zu erfahren, klicken Sie hier.

Vorraussetzungen

  1. AWS-Konto (Erstellen Sie es, wenn Sie noch keines haben).
  2. Domain Name(Bei AWS gekauft)
  3. S3 Bucket (Klicken Sie hier, um zu erfahren, wie Sie ein S3 Bucket auf AWS erstellen)

Was müssen wir tun?

  1. Anmeldung bei AWS
  2. S3 Bucket konfigurieren
  3. Ein Record Set erstellen

Anmeldung bei AWS

Klicken Sie hier,um zur Anmeldeseite zu gelangen, auf der Sie Ihre Anmeldedaten eingeben können, um sich in das Konto einzuloggen.

Login-Seite

Sobald Sie sich erfolgreich in Ihr Konto eingeloggt haben, sehen Sie die Hauptverwaltungskonsole von AWS wie folgt.

AWS Management-Konsole

Konfigurieren Sie das S3-Bucket

Suchen Sie im Suchfeld am oberen Rand des Bildschirms nach S3.

Suche S3

Sie sehen alle Ihre S3-Buckets auf dem S3-Bucket-Dashboard unter Ihrem Konto aufgelistet. S3-Buckets werden nicht nach Regionen gefiltert, sondern es werden Buckets aus allen Regionen zusammen aufgelistet.

Ich werde den Bucket „kops.devopslee.com“ verwenden, um eine statische Seite zu hosten. Wenn Sie noch keinen S3-Bucket haben, erstellen Sie ihn, bevor Sie fortfahren. Beachten Sie, dass der Name des Buckets mit dem Namen der Subdomain/Domain übereinstimmen muss.

Wenn ich also eine Subdomain „kops.devopslee.com“ verwende, muss auch der Bucket-Name gleich sein, d. h. „kops.devopslee.com“.

Wählen Sie den S3-Bucket

Prüfen Sie, ob der öffentliche Zugriff auf den Bucket erlaubt ist, wenn nicht, bearbeiten Sie den öffentlichen Zugriff und erlauben Sie ihn. Um den öffentlichen Zugriff zu bearbeiten, gehen Sie auf die Registerkarte „Berechtigungen“ und klicken Sie auf „Bearbeiten“ unter „Öffentlichen Zugriff blockieren“ und entfernen Sie das Häkchen bei allen 4 Optionen.

Den S3-Bucket öffentlich machen

Fügen Sie außerdem die folgende Bucket-Richtlinie zu Ihrem S3-Bucket hinzu. Sie können diese Richtlinie auch von meinem Github-Repository herunterladen

{
    "Version": "2012-10-17",
    "Id": "Policy1548223592786",
    "Statement": [
        {
            "Sid": "Stmt1548223591553",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::your-s3-bucket-name-here/*"
        }
    ]
}

 

Bearbeiten Sie die Bucket-Richtlinie, fügen Sie die obige Richtlinie hinzu und ändern Sie das „arn“ darin mit dem „arn“ Ihres Buckets.

Hinzufügen einer Richtlinie zum Eimer

Scrollen Sie auf der Registerkarte „Eigenschaften“ am unteren Rand der Seite nach unten und prüfen Sie, ob das Hosting der statischen Website aktiviert ist, falls nicht, aktivieren Sie es.

Aktivieren von statischem Website-Hosting

Jetzt sind Sie mit der erforderlichen Konfiguration für den S3-Bucket fertig und können Ihre statische Website hochladen.

Wenn Sie möchten, können Sie mein Beispiel index.html aus meinem Github-Repository herunterladen und in den Bucket hochladen.

index.html hochladen

Erstellen Sie ein RecordSet

Suchen Sie im Suchfeld oben auf dem Bildschirm nach Route53.

Route53 suchen

Legen Sie eine Subdomain/gehostete Zone Ihrer Wahl an, die wie folgt aussehen wird.

Weiter zu HostedZone

Erstellen Sie ein RecordSet in der Subdomain/gehosteten Zone, wechseln Sie zu Alias, wählen Sie „A record type –> Alias to S3 website endpoint“ und wählen Sie den s3-Bucket aus.

Ein RecordSet erstellen

Ihre Subdomain/Hosting-Zone sollte nun wie folgt aussehen.

Datensätze

Prüfen Sie, ob Sie in Ihrer gehosteten Hauptzone einen Eintrag für die Subdomain vom Typ NS haben.

SubDomain NS RecordSet in der Haupt-HostedZone

Sie sind mit der erforderlichen Konfiguration fertig und nun sollte Ihre statische Website unter der Subdomain erreichbar sein, die Sie für das Routing verwendet haben.

Rufen Sie die URL der Subdomain im Webbrowser auf.

Nachfolgend sehen Sie die index.html, die wir in der statischen Website verwendet haben.

Statische Website, die über die Subdomain erreichbar ist

Fazit

In diesem Artikel haben wir die Schritte zur Weiterleitung des Datenverkehrs von der Subdomain zum S3-Bucket gesehen. Die gleichen Schritte können Sie auch für Ihre Hauptdomain durchführen. Jetzt wissen wir, dass der Name des S3-Buckets mit dem Namen der Subdomain/Domain übereinstimmen muss.

Das könnte dich auch interessieren …