View a markdown version of this page

Hosten Sie eine statische Site mit einem Lightsail-Bucket und einer Distribution - Amazon Lightsail
-ÜbersichtVoraussetzungenSchritt 1: Erstellen Sie einen Lightsail-BucketSchritt 2: Laden Sie die Dateien Ihrer Website in den Bucket hochSchritt 3: Erstellen Sie eine Distribution mit Ihrem Bucket als UrsprungSchritt 4: Fügen Sie eine benutzerdefinierte Fehlerantwort hinzuSchritt 5: (Optional) Konfigurieren Sie eine benutzerdefinierte DomainFehlerbehebungNächste Schritte und zugehörige Ressourcen

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Hosten Sie eine statische Site mit einem Lightsail-Bucket und einer Distribution

-Übersicht

In diesem Tutorial erstellen Sie eine statische Website, die in einem Amazon Lightsail-Bucket gehostet und weltweit über eine Lightsail-Distribution bereitgestellt wird.

Dieses Setup führt Sie durch die Konfiguration einer statischen Site mit den folgenden Funktionen:

  • Globale Leistung — Lightsail speichert Inhalte an Edge-Standorten weltweit im Cache und reduziert so die Latenz für Besucher.

  • Sicherheit — Wenn der Zugriff auf private Quellen aktiviert ist, stellt Ihre Distribution private Objekte aus Ihrem Bucket bereit. Sie müssen Ihren Bucket nicht als öffentlich (schreibgeschützt) konfigurieren, damit Ihre Distribution Inhalte bereitstellen kann.

  • Benutzerdefinierte Fehlerseiten — Zeigen Sie benutzerfreundliche, markenspezifische Fehlerseiten an, statt unformatierter Fehlermeldungen, wenn Besucher auf Probleme stoßen.

  • Standard-Stammobjekt — Geben Sie an, welches Objekt (z. B.index.html) Lightsail bereitstellt, wenn Besucher die Root-URL Ihrer Website anfordern.

Voraussetzungen

Stellen Sie vor dem Beginn sicher, dass Sie über das Folgende verfügen:

  • Ein Konto AWS . Falls Sie noch keines haben, finden Sie weitere Informationen unter Erste Schritte mit Ihrem AWS-Konto.

  • Statische Inhaltsdateien der Website, einschließlich mindestens einer HTML-Seite, die als Startseite dient (häufig benanntindex.html).

Tipp

Sie können einen KI-Assistenten Ihrer Wahl verwenden, um den Inhalt Ihrer statischen Website zu generieren — einschließlich HTML-Seiten, CSS-Stylesheets und Dateien. JavaScript

Inhalt

Wichtig

Die Ressourcen, die Sie in diesem Tutorial erstellen, werden Ihrem AWS Konto belastet. Preisinformationen finden Sie unter Amazon Lightsail-Preise.

Schritt 1: Erstellen Sie einen Lightsail-Bucket

Erstellen Sie einen Bucket zum Speichern Ihrer statischen Site-Dateien.

Die Speicherseite in der Lightsail-Konsole mit der Schaltfläche Bucket erstellen, den Optionen AWS-Region und Speicherplan und dem Eingabefeld für den Bucket-Namen.

  1. Melden Sie sich bei der Lightsail-Konsole an.

  2. Wählen Sie im linken Navigationsbereich Speicher aus.

  3. Wählen Sie Create Bucket (Bucket erstellen) aus.

  4. Wählen Sie den aus, der Ihrem Hauptpublikum AWS-Region am nächsten kommt.

  5. Wählen Sie einen Speicherplan.

  6. Geben Sie einen Namen für Ihren Bucket ein (z. B.lightsail-static-site).

  7. Wählen Sie Create Bucket (Bucket erstellen) aus.

Weitere Informationen finden Sie unter Einen Bucket erstellen.

Informationen zu Bucket-Preisen finden Sie unter Amazon Lightsail-Preise.

Schritt 2: Laden Sie die Dateien Ihrer Website in den Bucket hoch

Laden Sie Ihre statischen Site-Dateien in den Bucket hoch, den Sie erstellt haben.

Die Registerkarte „Objekte“ auf der Lightsail-Bucket-Verwaltungsseite mit der Schaltfläche „Hochladen“ und einer Liste der hochgeladenen Website-Dateien.

  1. Wählen Sie dieObjekte-Tag.

  2. Wählen Sie im Bereich „Objektliste“ die Option „Hochladen“ und wählen Sie dann Ihre Website-Dateien aus. Sie können Ihre Dateien auch direkt in den Objektlistenbereich ziehen und dort ablegen.

  3. Wenn Ihre Site Unterverzeichnisse hat (z. B.,,images/),,,,,,,,,css/,,js/,,,,,,,,,,,,,,,,,,,,,,,,,,,

Weitere Informationen finden Sie unter Dateien in einen Bucket Dateien in einen Lightsail-Objektspeicher-Bucket hochladen hochladen.

Schritt 3: Erstellen Sie eine Distribution mit Ihrem Bucket als Ursprung

Erstellen Sie eine Lightsail-Distribution und konfigurieren Sie Ihren Bucket als Ursprung.

Die Seite „Distribution erstellen“ in der Lightsail-Konsole, auf der der Bucket als Ursprung ausgewählt und der Schalter „Private Origin-Zugriff aktivieren“ aktiviert ist.

  1. Wählen Sie im linken Navigationsbereich Networking aus.

  2. Wählen Sie Create distribution (Distribution erstellen) aus.

  3. Wählen Sie im Abschnitt „Wählen Sie Ihren Ursprung“ den Ort aus, AWS-Region an dem Sie Ihren Bucket erstellt haben.

  4. Wählen Sie Ihren Bucket als Ursprung.

  5. Wählen Sie Zugriff auf privaten Ursprung aktivieren aus. Wenn diese Option aktiviert ist, kann Ihre Distribution private Objekte in Ihrem Bucket bereitstellen. Ihre Distribution stellt immer öffentliche Objekte bereit, unabhängig davon, ob der private Ursprungszugriff aktiviert ist oder nicht.

    Der Schalter für den Zugriff auf private Herkunft ist für die Verteilung aktiviert.

  6. (Optional) Geben Sie unter Hosting-Einstellungen ein Standard-Stammobjekt ein (z. B.index.html). Dies ist das Objekt, das Ihre Lightsail-Distribution bereitstellt, wenn ein Besucher zur Root-URL Ihrer Distribution navigiert (z. B.). https://abc123.cloudfront.net/ Wenn Sie kein Standard-Stammobjekt angeben, geben Anfragen an die Root-URL einen Fehler zurück.

  7. Wählen Sie einen Vertriebsplan.

    Anmerkung

    Das Vertriebspaket im Wert von 2,50 USD beinhaltet 50 GB an ausgehenden Datenübertragungen pro Monat. Als grober Richtwert gilt, dass das ungefähr 50.000 Seitenaufrufe für eine 1-MB-Seite sind (etwa 25.000 für eine schwerere 2-MB-Seite). Ihre tatsächliche Reichweite hängt von Ihrer Seitengröße ab — hellere Seiten und wiederkehrende Besucher, deren Browser Ihre Inhalte zwischenspeichern, erhöhen die Reichweite.

  8. Geben Sie einen Namen für Ihre Verteilung ein.

  9. Wählen Sie Create distribution (Distribution erstellen) aus.

Lightsail erstellt Ihre Distribution nach wenigen Augenblicken.

Informationen zu Vertriebspreisen finden Sie unter Amazon Lightsail-Preise.

Anmerkung

Wenn der private Origin-Zugriff aktiviert ist, müssen Sie Ihre Bucket-Zugriffsberechtigungen nicht ändern. Ihr Bucket kann weiterhin auf „Alle Objekte sind privat“ gesetzt bleiben — nur Ihre Distribution hat Lesezugriff.

Der Zugriff auf private Quellen steuert, wie Ihre Distribution Ihren Bucket erreicht — der Inhalt Ihrer Website wird dadurch nicht privat. Jedes Objekt, das Ihre Distribution bereitstellt, ist für jeden, der die URL Ihrer Distribution kennt, öffentlich zugänglich. Speichern Sie nur Inhalte, die Sie veröffentlichen möchten, in einem Bucket, den Sie für das Website-Hosting verwenden. Platzieren Sie keine privaten oder sensiblen Objekte darin.

Nachdem sich Ihr Distributionsstatus in Deployed geändert hat, ist Ihre statische Site live und zugänglich.

Die Lightsail-Vertriebsseite mit dem Status „Bereitgestellt“ und der Standard-Domain-URL.

Navigieren Sie zur Verwaltungsseite Ihrer Distribution, um die URL Ihrer Website zu finden. Die Standarddomain (z. B.abc123.cloudfront.net) ist die Adresse, unter der Ihre statische Website jetzt zugänglich ist. Öffnen Sie diese URL in Ihrem Browser, um Ihre Website anzuzeigen.

Schritt 4: Fügen Sie eine benutzerdefinierte Fehlerantwort hinzu

Nachdem Sie Ihre Distribution erstellt haben, öffnen Sie deren Verwaltungsseite, um benutzerdefinierte Fehlerantworten hinzuzufügen. Wir empfehlen, eine Fehlerantwort für den HTTP-Fehlercode 403 hinzuzufügen. Dies ist der häufigste Fehler, auf den Besucher stoßen, wenn sie eine Seite aufrufen, die in Ihrem Bucket nicht existiert.

Wenn Sie den Zugriff auf private Quellen aktivieren, gibt Ihr Bucket HTTP 403 (Forbidden) für Objekte zurück, die nicht existieren. Konfigurieren Sie daher Ihre Fehlerantwort für den 403-Fehlercode.

  1. Wählen Sie im linken Navigationsbereich Networking aus und wählen Sie dann die Distribution aus, die Sie erstellt haben.

  2. Suchen Sie auf der Registerkarte mit den Distributionsdetails den Abschnitt Benutzerdefinierte Fehlerantworten und wählen Sie Fehlerantwort hinzufügen aus.

  3. Fügen Sie eine Fehlerantwort für den HTTP-Fehlercode 403 hinzu. Geben Sie den Pfad der Antwortseite zu dem Objekt an, das Sie bereitstellen möchten (z. B./404.html), und setzen Sie den Antwortcode auf 404.

    Der Abschnitt Benutzerdefinierte Fehlerantworten auf der Registerkarte „Distributionsdetails“ enthält eine zusätzliche Fehlerantwort für den HTTP-Fehlercode 403.

Schritt 5: (Optional) Konfigurieren Sie eine benutzerdefinierte Domain

Um Ihre eigene Domain (zum Beispielwww.example.com) anstelle der Standarddomain Ihrer Distribution zu verwenden:

  1. Erstellen Sie ein SSL/TLS Zertifikat für Ihre Domain. Weitere Informationen finden Sie unter SSL/TLS Zertifikate für Ihre Distribution erstellen.

  2. Aktivieren Sie benutzerdefinierte Domains in Ihrer Distribution. Weitere Informationen finden Sie unter Aktivieren benutzerdefinierter Domains für Ihre Verteilung.

  3. Fügen Sie einen DNS-Aliaseintrag hinzu, der Ihre Domain zu Ihrer Distribution weiterleitet. Weitere Informationen finden Sie unter Verweisen Ihrer Domain auf eine Verteilung.

Fehlerbehebung

Auf meiner Website wird in der Distribution „Zugriff verweigert“ angezeigt

  • Vergewissern Sie sich, dass der Zugriff auf private Quellen in Ihrer Distribution aktiviert ist.

  • Vergewissern Sie sich, dass Ihr Vertriebsstatus „Bereitgestellt“ (nicht InProgress) lautet.

  • Vergewissern Sie sich, dass das Objekt, das Sie als Standard-Stammobjekt angegeben haben, in Ihrem Bucket unter dem exakten Pfad existiert, den Sie angegeben haben. Das Objekt kann sich in einem Unterordner befinden, solange der Pfad zu dem Objekt korrekt ist (z. B. index.html odercontent/index.html).

Auf meiner Website werden nach dem Hochladen neuer Dateien immer noch alte Inhalte angezeigt

  • Lightsail-Distributionen speichern Inhalte an Edge-Standorten im Cache. Wählen Sie auf Ihrer Distributionsverwaltungsseite die Option Cache zurücksetzen, um den gesamten zwischengespeicherten Inhalt zu löschen. Weitere Informationen finden Sie unter Cache für Ihre Distribution Setzen Sie den Cache Ihrer Lightsail-Distribution zurück zurücksetzen.

  • Warten Sie alternativ, bis die Cache-Lebensdauer (TTL) abgelaufen ist. Die Standardeinstellung ist 1 Tag.

Ich habe den Zugriff auf private Herkunft deaktiviert, sehe aber trotzdem meine Inhalte

Das Caching verursacht das. Ihre Lightsail-Distribution speichert Inhalte an ihren Edge-Standorten im Cache, und Ihr Webbrowser speichert Inhalte auch lokal im Cache. Nachdem Sie Ihre Konfiguration geändert haben, können beide Caches weiterhin den vorherigen Inhalt bereitstellen, bis er gelöscht wird.

  • Um den Distributions-Cache zu leeren, wählen Sie Cache zurücksetzen auf der Verwaltungsseite Ihrer Distribution. Auf der Registerkarte Caching können Sie auch anpassen, wie Ihre Distribution Inhalte zwischenspeichert. Weitere Informationen findest du unter Den Cache für deine Distribution zurücksetzen.

  • Um den Cache Ihres Browsers zu löschen, aktualisieren Sie die Seite gründlich (drücken Sie Command+Shift+R auf macOS oder Ctrl+Shift+R unter Windows und Linux).

Nächste Schritte und zugehörige Ressourcen