So erstellen Sie eine statische Website mit Amazon S3

Amazon Simple Storage Service (S3) ist ein Webdienst, der von Amazon Web Services (AWS) angeboten wird, um Objekte über das Internet zu speichern und darauf zuzugreifen. S3 bietet Websites, Webdiensten und mobilen Anwendungen die Möglichkeit, Daten hochzuladen und auf seinen Servern in den Vereinigten Staaten zu speichern. Es funktioniert über HTTP/S unter Verwendung von TCP-basierten Protokollen. Die Nutzung von S3 ist kostenlos für sowohl PUT-Operationen (Speicherung) als auch GET-Anfragen (Abruf).

Das Öffnen eines Buckets zum Empfangen oder Speichern von Objekten erfordert nicht nur einen speziellen Verschlüsselungsschlüssel, sondern auch einen gemeinsamen Schlüssel, der von Amazon nach der Erstellung des Kontos bereitgestellt wird. Benutzer können sich kostenlos für ein Konto anmelden, das jeden Monat 5 GB Speicherplatz bietet, ohne dass eine Begrenzung besteht, wie viel in Buckets gespeichert werden kann.

Amazon S3 bietet eine Haltbarkeit von 99.999999999 %, wobei Daten über mehrere Einrichtungen zur Redundanz gespeichert werden. Amazon S3 verwendet dieselbe Replikationstechnologie, die Amazon verwendet, um die Datenverfügbarkeit seiner eigenen Website sicherzustellen. Der Dienst zielt darauf ab, den Durchsatz und die Kosten basierend auf der verwendeten Anwendung und der Menge der gespeicherten Daten zu optimieren und gleichzeitig Schutz vor Datenverlust zu bieten.

Es gibt auch Funktionen, die es Benutzern ermöglichen, Analysen darüber zu sehen, wie viel Daten über S3 hochgeladen oder heruntergeladen werden, zu steuern, wie viel Bandbreite verwendet wird, oder mobile Lösungen zu nutzen. Amazon S3 ist über das Internet für die Benutzer kostenlos verfügbar. Die Datenübertragungsraten sind unbegrenzt. Daten können von überall in weniger als 1 Sekunde mit niedriger Latenz abgerufen werden, was einen nahezu Echtzeitzugriff auf Ressourcen ermöglicht. Es beseitigt auch Hosting-Gebühren und Kapazitätsplanung, indem es eine alternative Cloud-Speicheroption bietet, die keine ständige Kapitalinvestition zur Bereitstellung von Ressourcen erfordert.

Amazon S3 unterstützt Objekte beliebigen Typs, Größe und Formats. Objekte können in jedem Bucket gespeichert werden, müssen jedoch über den Namen des Objekts zugänglich sein. Benutzer können Dateien und Ordner von internen Systemen und öffentlichen über HTTP oder HTTPS in Buckets hochladen, die die Integration von NFS (Network File System) oder POSIX-Dateisystemfunktionen unterstützen. Benutzer haben die direkte Kontrolle darüber, wer auf ihre Buckets zugreift, indem sie bis zu 70 GB Speicherplatz mit einem anderen Benutzer (der über AWS erstellt wurde) teilen, der ein Konto bei Amazon S3 hat.

Eine Website zu erstellen, kann eine entmutigende Aufgabe sein. Es gibt so viele Optionen und Entscheidungen zu treffen, dass es leicht ist, überwältigt zu werden. Aber was wäre, wenn Sie eine Website erstellen könnten, ohne sich um Hosting, Domainnamen oder die Einrichtung eines Servers kümmern zu müssen? Mit Amazon S3 können Sie ganz einfach eine statische Website erstellen, nur mit Ihrem Computer und einer Internetverbindung. In diesem Blogbeitrag zeigen wir Ihnen, wie Sie Ihre eigene statische Website mit Amazon S3 einrichten. Wir werden auch einige der Vorteile der Verwendung von Amazon S3 für Ihre Website besprechen. Also, lassen Sie uns anfangen!

Voraussetzungen

Um eine statische Website mit Amazon S3 zu erstellen, benötigen Sie:

• Ein Amazon AWS-Konto, um Ihre Website auf Amazon S3 zu konfigurieren. Diese Demo verwendet das kostenlose Amazon-Konto, das kostenlos ist und nur große Vorteile bietet, wenn es mit einer statischen Website von Amazon S3 kombiniert wird.

Was werden wir tun?

In diesem Leitfaden werden wir eine einfache statische Website mit Amazon S3 erstellen und konfigurieren. Wir werden auch die Konfiguration dieser statischen Website mit einer benutzerdefinierten Fehlerseite durchgehen. Dieser Leitfaden zeigt Ihnen, wie Sie eine HTML-, CSS-, JavaScript-Website erstellen, die einfach zu warten und sehr kosteneffektiv ist.

Eine statische Website ist eine Website, die nur aus statischen Seiten besteht. Sie enthält keine serverseitige Skriptsprache wie PHP, ASP oder Node.js. Sie besteht nur aus einer HTML-Datei, in der alle Webseiten gespeichert sind. Das Hosting statischer Websites ist nicht neu, es gibt es schon lange.

Durch die Verwendung einer statischen Website müssen Sie sich um keine Art von Hackern sorgen und Sie benötigen nur die Fähigkeit, Webseiten bereitzustellen. In Kombination mit Amazon S3 sind die Kosten minimal, etwa ein oder zwei Dollar pro Website. Sie können dann Ihre Webseiten skalieren, um den Bedürfnissen Ihres Publikums mit Millionen von Lesern gerecht zu werden.

Um eine statische Website zu hosten, erstellen Sie einen Amazon S3-Bucket.

Und laden dann Ihre Inhalte in diesen Bucket hoch.

Der öffentliche Lesezugriff auf Ihren S3-Bucket muss absichtlich sein. Es ist wichtig, dass jeder überall den Bucket lesen kann. Und wir werden dies später in diesem Leitfaden besprechen, wenn wir uns die Bucket-Richtlinie ansehen.

Die Website wird dann unter dem AWS S3-Endpunkt verfügbar sein, der ungefähr wie die folgende URL aussieht.

Wir haben einen Link zum GitHub-Repository, von dem Sie alle Dateien herunterladen und verwenden werden, die erforderlich sind, um diesen Schritt-für-Schritt-Leitfaden abzuschließen. Sind Sie bereit? Gut. Sie können sich jetzt in Ihre AWS-Konsole einloggen.

Erstellen eines S3-Buckets

Bevor Sie Ihre statische Website erstellen können, müssen Sie zuerst einen S3-Bucket erstellen und konfigurieren. Wenn Sie Ihre statische Website mit Amazon S3 erstellen, wird Ihre Website in diesem Bucket gespeichert.

1. Navigieren Sie in Ihrer AWS-Konsole zum S3-Dashboard —> Bucket erstellen.

2. Geben Sie einen eindeutigen Bucket-Namen (my-howtoforge-bucket-7Vftzchzw) an. Stellen Sie sicher, dass Ihr Bucket-Name eindeutig ist. Bucket-Namen dürfen nur Kleinbuchstaben, Zahlen und Bindestriche enthalten. Der S3-Bucket-Name muss über alle Amazon S3 hinweg eindeutig sein, um zu verhindern, dass jemand anders einen Bucket mit demselben Namen erstellt und Ihre Website überschreibt. Auch Ihr Pfad muss DNS-konform sein, da zwei Domains nicht denselben Namen haben können.

3. Deaktivieren Sie das Kontrollkästchen Alle öffentlichen Zugriffe blockieren. Wenn Sie Ihre Website privat halten möchten, aktivieren Sie dieses Kontrollkästchen. Wenn es aktiviert ist, können nur authentifizierte AWS-Konten auf Ihre Website zugreifen. In diesem Fall werden wir dieses Kontrollkästchen deaktivieren, um unser Beispiel öffentlich zu machen. Damit kann jeder unsere HTML-Dateien aus dem S3-Bucket abrufen und unsere Webseite sehen. Aktivieren Sie das Kontrollkästchen Ich erkenne an, dass die aktuellen Einstellungen….

4. Klicken Sie auf Bucket erstellen am unteren Rand der Seite.

5. Sie erhalten eine grüne Nachricht mit der Aufschrift „Bucket erfolgreich erstellt“ mit den Details Ihres neuen S3-Buckets. Klicken Sie auf Ihren Bucket-Namen —> ARN kopieren. Amazon Resource Name (ARN) ist ein eindeutiger Identifikator für eine AWS-Ressource. Wenn Sie einen S3-Bucket erstellen, generiert Amazon eine eindeutige ARN für den neuen Bucket. Um sicherzustellen, dass Ihre AWS-Ressourcen sicher sind, verlangt Amazon, dass Sie entweder Ihre eigenen eindeutigen Identifikatoren oder von Amazon generierte verwenden, wenn Sie Ressourcen erstellen oder ändern. Sie werden diese ARN verwenden, um Ihren Bucket im Auge zu behalten und Ihre statische Website zu erstellen.

6. Klicken Sie auf Hochladen —> Dateien hinzufügen —> Wählen Sie die Dateien aus, die Sie zuvor heruntergeladen haben —> Hochladen.

Das Hochladen Ihrer Website ist der einfachste Teil der Einrichtung einer statischen Website mit Amazon S3. Der Upload-Prozess kann einige Minuten in Anspruch nehmen. Sobald er abgeschlossen ist, sehen Sie die grüne Erfolgreich-Nachricht.

Aktivieren des Hostings Ihrer statischen Website

Jetzt, da Ihre Website in Amazon S3 hochgeladen wurde, müssen Sie Ihre Website aktivieren, damit sie angezeigt werden kann. Das Hosting statischer Websites ermöglicht es Ihnen, statische HTML-, CSS- und JavaScript-Seiten von einem Webserver bereitzustellen, der für statische Inhalte ausgelegt ist. Es ist kosteneffizienter als dynamische Webseiten (z.B. PHP oder ASP).

Das Hosting statischer Websites kann verwendet werden, um verschiedene Arten von Dateien wie Bilder, CSS, JS und andere statische Dateien bereitzustellen. Diese Dateien ändern sich nicht sehr häufig und können zu sehr niedrigen Kosten bereitgestellt werden.

1. Klicken Sie auf Eigenschaften —> Statisches Website-Hosting —> Bearbeiten —> Aktivieren.

2. Klicken Sie auf Aktivieren —> Wählen Sie Hosting Typ als Eine statische Website hosten. Füllen Sie das Indexdokument als index.html und das Fehlerdokument als error.html aus. Scrollen Sie nach unten und klicken Sie auf Änderungen speichern.

Wenn Sie das Hosting der Website aktivieren, müssen Sie ein Indexdokument hochladen. Das Indexdokument ist die erste Datei, die Benutzer sehen, wenn sie auf Ihre Website zugreifen, indem sie den Root-Domainnamen verwenden, z.B. http://my-bucket.s3.amazonaws.com/.

Wenn Sie kein Indexdokument erstellen oder es später löschen, gibt Amazon S3 entweder eine 404-Fehlerseite oder eine Standard-Indexdatei zurück. Die Standard-Indexdatei zeigt möglicherweise den Bucket-Namen, das Datum des letzten Zugriffs und andere allgemeine Informationen an. Der Name des Indexdokuments ist groß- und kleinschreibungsempfindlich und muss genau mit dem Namen des Indexdokuments übereinstimmen, das Sie im Stammverzeichnis der Website hochladen, also stellen Sie sicher, dass der Name Ihres Indexdokuments korrekt geschrieben ist.

Das Fehlerdokument ist die Seite, die Benutzer sehen, wenn ein Fehler auftritt, während sie versuchen, auf Ihre Website zuzugreifen. Diese Datei ist optional, aber empfohlen. Wenn Sie Ihr eigenes benutzerdefiniertes Fehlerdokument nicht hochladen, gibt Amazon S3 entweder eine Standard-404-Fehlerseite oder das Indexdokument zurück, wenn es vorhanden ist. Der Name des Fehlerdokuments ist ebenfalls groß- und kleinschreibungsempfindlich, also stellen Sie sicher, dass der Name des Fehlerdokuments, das Sie hochladen, korrekt geschrieben ist.

3. Sie erhalten eine grüne Statisches Website-Hosting erfolgreich bearbeitet-Nachricht im AWS S3-Panel, wenn Sie das Hosting Ihrer statischen Website für Ihren Bucket erfolgreich aktiviert haben. Sie sehen auch den Bucket-Endpunkt Ihrer Website. Es ist Ihr Bucket-Name, gefolgt von s3.website.yourregion.amazonaws.com.

4. Öffnen Sie diese URL in Ihrem bevorzugten Browser, Sie erhalten eine 403 Verboten-Nachricht. Das liegt daran, dass die richtige Richtlinie nicht zugewiesen ist. Wir werden im nächsten Schritt eine geeignete Richtlinie festlegen, um auf Ihren Bucket zuzugreifen.

Einrichten der richtigen Bucket-Richtlinie

Jetzt, da Sie das Hosting Ihrer Website auf Amazon S3 aktiviert haben, müssen Sie eine Bucket-Richtlinie festlegen, um darauf zuzugreifen. Eine Bucket-Richtlinie ist eine Reihe von Berechtigungen für den Zugriff auf einen Amazon S3-Bucket. Um auf Ihre Website aus der Öffentlichkeit zuzugreifen, müssen Sie eine Bucket-Richtlinie hinzufügen, um den öffentlichen Zugriff auf Ihren Bucket zu ermöglichen.

1. Klicken Sie in Ihrem S3-Dashboard auf die Registerkarte Berechtigungen —> Bearbeiten.

2. Kopieren Sie die Zeilen aus dieser JSON-Datei und fügen Sie sie in den JSON-Editor ein. Ersetzen Sie durch die tatsächliche ARN, die Sie zuvor gespeichert haben.

• Version: 2012-10-17 ist die Version der Bucket-Richtlinie.
• Statement: PublicReadGetObject ist die Aktion, die für alle Objekte im angegebenen Bucket ausgeführt werden soll.
• Principal: Das Element Principal gibt das AWS-Konto, den IAM-Benutzer oder die Gruppe an, die berechtigt ist, die angegebene Aktion auf dem Objekt auszuführen. Wenn mehrere Principals in der Erklärung identifiziert sind, sollten Sie angeben, welcher „Aktion ausführen“ kann, indem Sie das Aktions-Element auf Erlauben oder Verweigern setzen.
• Action: Das Aktions-Element gibt die Art des erlaubten Zugriffs an.
• Resource: Das Ressourcen-Element gibt das Objekt an, auf das die Berechtigungen angewendet werden.
• In diesem Fall richten wir eine PublicReadGetObject-Regel ein, die es jedem ermöglicht, auf Ihren Bucket zuzugreifen und jedes Objekt (s3:GetObject) im Bucket abzurufen. Daher das Sternchen * in der Principal-Zeile. Das Sternchen * in der Resource gibt an, dass die S3-Bucket-Richtlinie für alle Objekte im Bucket gilt. Stellen Sie sicher, dass nach der Bearbeitung der Richtlinie das Sternchen am Ende steht, wie gezeigt.

3. Klicken Sie auf Änderungen speichern, wenn Sie fertig sind.

Jetzt ist Ihr Bucket öffentlich zugänglich, wie unten gezeigt. Sie können sehen, dass Ihre Richtlinie sofort wirksam wird.

Testen Ihrer statischen Webseite

Jetzt, da Sie Ihre Bucket-Richtlinie eingerichtet haben, können Sie auf Ihre statischen Webseiten zugreifen, indem Sie die Endpunkt-URL in Ihrem Browser öffnen.

1. Navigieren Sie zurück zu Ihrem Browser, in dem Sie die S3-Bucket-Endpunkt-URL zuvor geöffnet haben. Laden Sie die S3-Bucket-Endpunkt-URL neu, und diesmal sollten Sie sehen, dass der 404-Fehler verschwunden ist. Wenn Sie den 404-Fehler sehen, bedeutet das, dass etwas mit Ihrer Bucket-Richtlinie nicht stimmt. Ihre statischen Webseiten werden im Browser angezeigt, wie unten gezeigt. Sie sollten jetzt eine schön formatierte HTML-Version Ihrer Seite sehen.

2. Sie können auch die Fehler-Webseite testen, indem Sie zu einer nicht existierenden URL gehen, die Fehler-Webseite, die Sie zuvor hochgeladen haben, sollte angezeigt werden, wie unten gezeigt.

Fazit

In diesem Leitfaden haben wir behandelt, wie Sie Ihre statischen Websites kostenlos auf Amazon S3 hosten können. Dieser Leitfaden deckte auch den gesamten Prozess des Hochladens der Website, der Einrichtung der richtigen Bucket-Richtlinie und der Aktivierung des Hostings statischer Websites ab. Dieser Leitfaden ist eine einfache Möglichkeit, eine Website kostenlos zu einem niedrigen Preis zu hosten. Die von Amazon S3 erhobenen Kosten sind im Vergleich zu anderen Diensten sehr gering.

Hat Ihnen dieser Artikel geholfen? War es einfach zu verstehen? Sie können Ihre Meinung äußern, indem Sie unten einen Kommentar hinterlassen. Mit diesem neu gewonnenen Wissen können Sie jetzt die Bereitstellung statischer Websites auf Amazon S3 automatisieren.