Die öffentliche Cloud ist eine häufige Wahl für moderne Websites und Apps vor dem privaten Hosting. Dies liegt an Faktoren wie Kosteneffizienz und Skalierbarkeit.
Eine statische Website zeigt vorgefertigte HTML-, CSS- und JavaScript-Dateien auf einem Server an. Es unterscheidet sich von einer dynamischen Website, die Inhalte basierend auf Benutzeraktionen oder -präferenzen generiert.
Cloud-Plattformen machen das Hosten statischer Websites einfach und kostengünstig. Sie können mit dem AWS-Cloud-Anbieter eine statische Website in der Cloud bereitstellen.
Was ist AWS S3?
Amazon Simple Storage Service (S3) ist ein von Amazon angebotener Datenspeicherdienst. Sie können sich S3 als eine von Amazon bereitgestellte Webplattform vorstellen, auf der Sie Dateien und andere Arten von Daten in der Cloud speichern können.
AWS S3 ist einer der beliebtesten Cloud-Speichermechanismen, die im Internet verfügbar sind. Es ist heute der Speicherraum vieler kleiner und großer Webanwendungen. Ein Beispiel ist Netflix, das alle seine Streaming-Inhalte darauf hostet.
AWS S3 übernimmt eine Objektspeicherarchitektur, die es langlebig, skalierbar und hochverfügbar für die Verwendung in jeder Instanz macht. Sie können es für die Speicherung von Webanwendungen, Sicherung, Datenarchivierung, Notfallwiederherstellung und – interessanterweise – Website-Hosting verwenden.
Was ist ein S3-Bucket?
In AWS S3 gibt es verschiedene Arten von Speichereinheiten, und die grundlegendste ist das Objekt – einfach eine Datei. Ein S3-Bucket ist eine Sammlung von Objekten verschiedener Typen. Sie können sich einen S3-Bucket als Stammordner eines gesamten Systems vorstellen, das viele Dateien und Ordner verschiedener Art umfasst.
Sie können S3-Buckets auf verschiedene Arten verwalten. Sie können dies über die AWS-Konsole, über die AWS CLI, mithilfe des AWS SDK und durch Senden von oder tun Abrufen von Daten in Ihrer Anwendung über die REST-API.
S3 ist skalierbar, sodass ein Bucket fast jede Datei aufnehmen kann, unabhängig von Typ oder Größe. Tatsächlich kann ein einzelnes Objekt bis zu 5 Terabyte groß sein. Aus diesem Grund eignet sich ein S3-Bucket für Backups und Disaster Recovery.
Auf Objekte, die in einem S3-Bucket gespeichert sind, kann normalerweise (schreibgeschützt) über eine URL zugegriffen werden, die für jedes Objekt eindeutig ist. Sie können S3-Buckets auch für statisches Webhosting verwenden, da sie Objekte über HTTP bereitstellen können.
Wie können Sie dann S3 verwenden und es vielleicht zu Ihrer Standardplattform für das Hosten statischer Websites machen?
So erstellen Sie einen S3-Bucket und konfigurieren ihn für das Webhosting
Hier ist eine Schritt-für-Schritt-Anleitung zum Erstellen und Konfigurieren eines Amazon S3-Buckets. Außerdem erfahren Sie, wie Sie statisches Webhosting in einem Bucket aktivieren.
Um mitzumachen, sollten Sie Anmeldung für ein AWS-Konto falls du noch keine hast. Um einen S3-Bucket zum Hosten Ihrer statischen Website zu erstellen, melden Sie sich bei Ihrer AWS-Konsole an und führen Sie die folgenden fünf Schritte aus.
- Suchen Sie nach dem S3-Dienst und navigieren Sie zum S3-Dashboard.
- Klick auf das Eimer erstellen Schaltfläche zum Konfigurieren und Erstellen eines neuen Buckets.
- Als Erstes müssen Sie auf dem Bucket-Konfigurationsbildschirm Ihrem Bucket einen global eindeutigen Namen geben. S3 verhindert, dass Sie einen Bucket erstellen, wenn der Name bereits vergeben ist. Wählen Sie eine bevorzugte Region für Ihren Bucket aus oder lassen Sie die Region standardmäßig ausgewählt. Belassen Sie außerdem den Abschnitt „Objektbesitz“ als Standard.
- Um statische Websites auf S3 zu hosten, müssen Sie den Bucket öffentlich verfügbar machen. Deaktivieren Sie also im nächsten Schritt das Blockieren Sie den gesamten öffentlichen Zugriff Möglichkeit. Bestätigen Sie dann in der darunter angezeigten Warnmeldung, dass Sie der Veröffentlichung zustimmen. Die Bucket-Versionierung ist nicht erforderlich, daher sollten Sie sie deaktivieren.
- Die letzten 3 Schritte müssen nicht unbedingt von Ihnen ausgeführt werden. Sie können Tags hinzufügen, wenn Sie möchten, wie das Beispiel-Tag hier, das „Beschreibung“ ist. Lassen Sie die Standardverschlüsselung deaktiviert und klicken Sie auf die Eimer erstellen Schaltfläche, um Ihren neuen Bucket zu erstellen.
Der nächste Schritt besteht darin, den neuen S3-Bucket für statisches Webhosting zu konfigurieren. Klicken Sie dazu im S3-Dashboard auf den Bucket-Namen und navigieren Sie auf dem neu geladenen Bildschirm zu Eigenschaften Tab.
Scrollen Sie nach unten zu Statisches Website-Hosting Abschnitt und klicken Sie auf die Bearbeiten Taste. Dadurch wird der Konfigurationsbildschirm für das statische Website-Hosting geöffnet.
Aktivieren Sie es und belassen Sie den Hosting-Typ als Standard. Ein Hinweis auf diesem Bildschirm lautet: „Damit Ihre Kunden auf die Inhalte am Website-Endpunkt zugreifen können, müssen Sie alle Ihre Inhalte öffentlich lesbar machen…“. Aus diesem Grund war es notwendig, den öffentlichen Zugriff zuzulassen, als der Bucket früher erstellt wurde.
Das Dokument indexieren Im Feld geben Sie die Indexdatei Ihrer Website an, die normalerweise index.html ist. Das Fehlerdokument ist die Seite, die Sie anzeigen möchten, wenn ein Fehler auftritt, z ein 404-Fehler.
Speichern Sie die Änderungen und kehren Sie zum Eigenschaftenbildschirm zurück. Sie sollten eine neue bemerken Bucket-Website-Endpunkt in dem Statisches Website-Hosting Sektion. Sie können diese URL verwenden, um auf Ihre Website zuzugreifen, sobald Sie mit der Einrichtung fertig sind.
Sie haben jetzt Ihren Bucket konfiguriert und sind bereit, eine statische Website zu hosten. Wie fügen Sie dann Ihre Website-Dateien zum Bucket hinzu und zeigen Ihre Website an?
So laden Sie Dateien und Ordner in einen S3-Bucket hoch
Um Ihre statische Website in der Cloud auf S3 zu hosten, müssen Sie Ihre Dateien und Ordner in den konfigurierten S3-Bucket hochladen. Navigieren Sie zurück zur Registerkarte „Objekte“ und klicken Sie auf eine der Upload-Schaltflächen, um Ihre Website-Dateien hochzuladen.
Auf dem nächsten Bildschirm können Sie die Dateien und Ordner hinzufügen, die Sie in den Bucket hochladen möchten. Stellen Sie sicher, dass Sie Ihre index.html-Datei und alle anderen Dateien oder Ordner, die mit Ihrer Website verknüpft sind, hier hinzufügen. Die Ordner, die Sie möglicherweise hinzufügen möchten, sind Ihre CSS-, JavaScript- und Bildordner.
Sie können Dateien und Ordner entweder per Drag and Drop oder über die Schaltflächen „Dateien hinzufügen“ oder „Ordner hinzufügen“ hinzufügen. Nachdem Sie alle Dateien und Ordner hinzugefügt haben, klicken Sie auf die Schaltfläche zum Hochladen am Ende des Bildschirms. Warten Sie, bis die Dateien hochgeladen sind, und klicken Sie dann auf die Schaltfläche „Schließen“, um zum Bildschirm „Objekte“ zurückzukehren.
So sichern Sie die bereitgestellte Website und zeigen eine Vorschau an
Zu diesem Zeitpunkt sind wir fast fertig und die Website ist fast bereit für die Vorschau in einem Browser. Die Website kann aufgrund von Amazon noch nicht geöffnet werden Identitäts- und Zugriffsverwaltung Richtlinien, die den Zugriff auf Ressourcen in einem Bucket verhindern.
Sie müssen den Zugriff auf die Ressourcen des Buckets selbst zulassen. Navigieren Sie im Bucket-Dashboard zur Registerkarte „Berechtigungen“ und bearbeiten Sie die Bucket-Richtlinie. Kopieren Sie den folgenden Code, fügen Sie ihn ein und ersetzen Sie „website-name“ durch den Namen Ihres Buckets.
{
"Ausführung": "2012-10-17",
"Aussage": [ {
"Sid": "AddPerm",
"Wirkung": "Erlauben",
"Rektor": "*",
"Aktion": "s3:GetObject",
"Ressource": "arn: aws: s3website-name/*"
} ]
}Speichern Sie die Änderungen und besuchen Sie die Registerkarte „Eigenschaften“ erneut, um die Website-URL aus dem Abschnitt „Statische Website“ abzurufen. Kopieren Sie die URL und fügen Sie sie in einen Browser ein, und Sie sehen Ihre statische Website.
Das Hosten statischer Websites in der Cloud ist eine sicherere und skalierbarere Alternative zu Hosten statischer Websites auf Github-Seiten. Besonders für Websites mit umfangreichen Multimediadateien.
Bereitstellen statischer Websites in der Cloud
Mit AWS S3 ist es ziemlich einfach, eine statische Website in der Cloud bereitzustellen. Sie sollten erwägen, einen benutzerdefinierten Domänennamen für eine endgültige Produktionswebsite zu erhalten.
Amazon bietet mit Route 53 einen eigenen Domain Name Service an. Sie können sich auch bei anderen DNS-Anbietern umsehen, um einen Domainnamen Ihrer Wahl zu erhalten.
Die Cloud ist sehr kostengünstig und einfach zu bedienen. Erwägen Sie, es zu Ihrer Standardwahl für das Hosten statischer Websites zu machen.