In diesem Tutorial erfahren Sie, wie Sie mit Amazon CloudFront Inhalte bereitstellen und die Latenz der Endbenutzer Ihrer Webanwendung verringern. CloudFront beschleunigt die Bereitstellung von Inhalten durch die Nutzung seines globalen Netzwerks von Rechenzentren, die als Edge-Standorte bekannt sind, um die Zeiten der Bereitstellung zu verkürzen, indem Ihre Inhalte in der Nähe Ihrer Endbenutzer zwischengespeichert werden. CloudFront ruft Ihre Inhalte von einem Ursprung ab, z. B. von einem Amazon S3-Bucket, einer Amazon EC2-Instance, einem Amazon Elastic Load Balancing-Load Balancer oder Ihrem eigenen Webserver, wenn die Inhalte sich noch nicht an einem Edge-Standort befinden. CloudFront kann für die Bereitstellung Ihrer gesamten Website oder Anwendung verwendet werden, einschließlich dynamischer, statischer, gestreamter und interaktiver Inhalte.

In den folgenden Schritten konfigurieren Sie ein Amazon S3-Bucket als Ursprung und testen Ihre Verteilung mithilfe eines Webbrowsers, damit Ihre Inhalte zugestellt werden.

Alles, was in diesem Tutorial gezeigt wird, ist kostenlos verfügbar.

Für schnellere Inhaltsbereitstellung ist ein Konto erforderlich

An der Konsole anmelden

Das kostenlose Kontingent von AWS beinhaltet 50 GB ausgehenden Datentransfer und 2 000 000 HTTP- oder HTTPS-Anfragen pro Monat für ein Jahr.  

Details zum kostenlosen Kontingent für AWS anzeigen »


In diesem Schritt laden wir statische Musterinhalte in einen Amazon S3-Bucket hoch. In späteren Schritten werden wir diesen Bucket als CloudFront-Ursprung verwenden. Amazon S3 eignet sich gut als Amazon CloudFront-Ursprung, der statische Inhalte wie Bilder, Videos, HTML-Seiten, .css-Dateien und.js-Dateien enthält.


a. Das Beispielbild, das wir in diesem Tutorial verwenden, ist ein PNG-Bild mit dem Namen cloudfront-test-image.png.  Klicken Sie auf der rechten Seite auf die Schaltfläche, um das Beispielbild herunterzuladen. Vergewissern Sie sich aber, dass es als cloudfront-test-image.png gespeichert ist.

Beispielbild herunterladen

b. Wenn Sie hier klicken, wird die AWS-Managementkonsole in einem neuen Browserfenster geöffnet. Geben Sie S3 in das Suchfeld ein und doppelklicken Sie, um das Dashboard zu öffnen.

tmt_faster-content-delivery-01

(zum Vergrößern klicken)

tmt_faster-content-delivery-01

c. Klicken Sie nun im S3-Dashboard auf die Schaltfläche Bucket erstellen.

  • Name des Buckets: Geben Sie einen Namen für Ihr Bucket ein er muss eindeutig sein und darf nur Kleinbuchstaben enthalten. Weitere Einschränkungen für den Namen eines S3-Buckets finden Sie in den Bucket-Einschränkungen und Beschränkungen
  • Region: Sie haben die Möglichkeit, eine Region in Ihrer Nähe auszuwählen, um die Latenz zu optimieren, Kosten zu minimieren oder regulatorische Anforderungen zu erfüllen.  

Wählen Sie Next aus.

Im Fenster Eigenschaften festlegen befinden sich viele nützliche Optionen für Ihren S3-Bucket, einschließlich Versionierung, Serverzugriffsprotokollierung, Tags, Objekt-Level-Protokollierung und Standardverschlüsselung. Für dieses Tutorial werden wir diese Funktionen nicht aktivieren.

Wählen Sie Next aus.

Im Bereich "Berechtigungen festlegen" können Sie Zugriffsberechtigungen für den Bucket festlegen. Für dieses Tutorial werden wir diese Funktionen nicht aktivieren.

Wählen Sie Next aus.

Wählen Sie im Fenster "Überprüfung" Bucket erstellen aus.

tmt_faster-content-delivery-02

(zum Vergrößern klicken)

tmt_faster-content-delivery-02

d. Doppelklicken Sie auf den Bucket-Namen. Wählen Sie zuerst Hochladen, dann Dateien hinzufügen aus und wählen Sie anschließend cloudfront-test-image.png auf Ihrem Computer aus. 

Wählen Sie Next aus.

tmt_faster-content-delivery-03

(zum Vergrößern klicken)

tmt_faster-content-delivery-03

e. Auf der Registerkarte "Berechtigungen festlegen" müssen Sie Ihr Bild öffentlich zugänglich machen.  Standardmäßig sind S3-Objekte auf privat gesetzt.  Ändern Sie die Option "Öffentliche Berechtigungen verwalten" zu "Öffentlichen Zugriff auf Objekt(e) gestatten".

Wählen Sie Next aus.

In der Registerkarte "Eigenschaften festlegen" können Sie Speicherklasse, Verschlüsselung und Metadaten festlegen. Für dieses Tutorial werden wir diese Funktionen nicht aktivieren.

Wählen Sie Next aus.

Überprüfen Sie auf der Registerkarte "Überprüfung" den Upload Ihrer Datei.

Wählen Sie Upload aus.

tmt_faster-content-delivery-04

(zum Vergrößern klicken)

tmt_faster-content-delivery-04

Sobald Ihre Inhalte auf Amazon S3 hochgeladen wurden, können Sie die Inhalte mithilfe der Amazon CloudFront-Konsole weltweit für die Endbenutzer bereitstellen.


a. Wenn Sie hier klicken, wird die AWS-Managementkonsole in einem neuen Browser-Tab geöffnet.  Suchen Sie CloudFront unter Bereitstellung von Speicher und Inhalten und klicken Sie, um die Amazon CloudFront-Konsole zu öffnen.

tmt_faster-content-delivery-06

(zum Vergrößern klicken)

tmt_faster-content-delivery-06

b. Wählen Sie Verteilung erstellen.


 

tmt_faster-content-delivery-07

(zum Vergrößern klicken)

tmt_faster-content-delivery-07

Eine Webverteilung legt Konfigurationseinstellungen fest, damit CloudFront weiß, woher der Inhalt stammt, wenn er von einem Benutzer angefordert wird. Sie können Amazon S3-Buckets (Speicherordner) und HTTP-Server (z. B. Webserver) als Ursprung verwenden.


a. Sie wählen zunächst die Versandmethode für Ihre Inhalte aus.  Eine Webverteilung wird für statische und dynamische Inhalte verwendet, während die RTMP-Verteilung für das Streaming von Mediendateien mit dem RTMP-Protokoll von Adobe Flash Media Server optimal ist.

Da cloudfront-test-image.png ein statisches Bild ist, wählen Sie Erste Schritte unter der Option Web.

tmt_faster-content-delivery-08

(zum Vergrößern klicken)

tmt_faster-content-delivery-08

b. Sie konfigurieren jetzt Ihre Einstellungen. 

Wählen Sie unter Ursprungs-Domänenname den Namen des S3-Buckets aus, in das Sie cloudfront-test-image.png gespeichert haben.

Für dieses Tutorial können Sie die Standardwerte der restlichen Konfigurationseinstellungen beibehalten.  Wenn Sie mehr über die einzelnen Konfigurationseinstellungen erfahren möchten, klicken Sie unten auf das Dropdown-Menü.

Standardeinstellungen des Cache-Verhaltens:

Verteilungseinstellungen:

  • Preisklasse: CloudFront hat drei Preisklassen, die durch die Anzahl der Edge-Standorte bestimmt werden, die weltweit unterstützt werden sollen. Standardmäßig verwendet CloudFront zur Sicherstellung der besten Leistung alle Edge-Standorte. Weitere Informationen finden Sie unter Amazon CloudFront Preise.
  • AWS WAF Web ACL: Wenn Sie HTTP- und HTTPS-Anforderungen basierend auf den von Ihnen angegebenen Kriterien zulassen oder blockieren möchten, wählen Sie die Web-ACL aus, die dieser Verteilung zugeordnet werden soll. Weitere Informationen finden Sie im AWS WAF-Entwicklerhandbuch.
  • Alternative Domänennamen: CloudFront weist Ihnen beim Erstellen einer Webverteilung automatisch einen Domänennamen zu (z. B. http://abcdefghi888.cloudfront.net/filename.jpg). Sie können für Ihre Objekte auch Ihren eigenen Domänennamen in den URLs angeben (z. B. http://IhreDomäne.com/Dateiname.jpg), nachdem Sie Ihre DNS-Konfiguration aktualisiert haben, um DNS-Anfragen an Ihre CloudFront-Verteilung weiterzuleiten. Lassen Sie für dieses Tutorial dieses Feld leer.
  • SSL-Zertifikat: CloudFront stellt ein Standardzertifikat bereit oder Sie können ein benutzerdefiniertes SSL-Zertifikat angeben. 
  • Standard-Root-Objekt: Hier geben Sie das Objekt an, das CloudFront von Ihrem Ursprung anfordern soll, wenn ein Benutzer nur die Root-URL Ihrer Distribution anfordert. Ein Benutzer fordert beispielsweise http://www.beispiel.com/ an und Sie können angeben, dass http://www.beispiel.com/produkt-beschreibung.html bereitgestellt wird. Durch die Angabe eines Standard-Root-Objekts wird verhindert, dass der Inhalt Ihrer Verteilung verfügbar gemacht wird.
  • Protokollierung: CloudFront kann Informationen zu jeder Anforderung für ein Objekt protokollieren und die Protokolldateien in einem Amazon S3-Bucket speichern. Es fallen keine zusätzlichen Gebühren an, um die Protokollierung zu aktivieren, aber für das Speichern und Zugreifen auf Dateien entstehen Amazon S3-Gebühren.
  • Bucket für Protokolle: Wenn Sie ein Amazon S3-Bucket zum Speichern von Zugriffsprotokollen angegeben haben, kann CloudFront Informationen zu jeder Benutzeranforderung für ein Objekt aufzeichnen und die Dateien im angegebenen Amazon S3-Bucket speichern. Sie können die Protokollierung jederzeit aktivieren oder deaktivieren. Weitere Informationen zu CloudFront-Zugriffsprotokollen finden Sie unter Zugriffsprotokolle.
  • Protokollpräfix: Wenn Sie für die Protokollierung "Ein" gewählt haben, können Sie die Zeichenfolge angeben, die CloudFront den Zugriffsprotokolldateinamen für diese Verteilung als Präfix voranstellen soll. Weitere Informationen zu CloudFront-Zugriffsprotokollen finden Sie unter Zugriffsprotokolle.
  • Cookie-Protokollierung: Wenn Sie Amazon S3 als Ursprung für Ihre Objekte verwenden, verarbeitet Amazon S3 keine Cookies. Wenn Ihre Distribution also weder Amazon EC2 noch einen anderen benutzerdefinierten Ursprung enthält, müssen Sie für den Wert der Cookie-Protokollierung "Aus" auswählen. Weitere Informationen zu Cookies finden Sie unter CloudFront-Konfiguration zum Zwischenspeichern von Objekten basierend auf Cookies.
  • Kommentar: Sie können beliebige Kommentare eingeben, die Sie mit der Verteilung speichern möchten.
  • Verteilungsstatus: Der Standardwert ist Aktiviert. Das bedeutet, dass Ihr Inhalt verfügbar ist, sobald die Verteilung erstellt wurde.
tmt_faster-content-delivery-09

(zum Vergrößern klicken)

tmt_faster-content-delivery-09

Sobald Sie Ihre Verteilung konfiguriert haben, erstellt CloudFront die Verteilung und verteilt sie im gesamten CloudFront-Netzwerk, damit sie verwendet werden kann.  Wählen Sie Verteilung erstellen aus.  

Nachdem dieser Prozess abgeschlossen ist, ändert sich Ihre Statusspalte von In Bearbeitung zu Bereitgestellt.

Hinweis: Dies kann ein paar Minuten in Anspruch nehmen.

Der Domänenname, den CloudFront Ihrer Verteilung zuweist, wird in Ihrer Verteilerliste angezeigt. Denken Sie daran, dass Sie sie für den nächsten Schritt benötigen. Wenn Sie auf das Feld Verteilungs-ID klicken, gelangen Sie auf eine Seite, auf der Sie unter dem Domänennamen die vollständige CloudFront-Domäne sehen.

tmt_faster-content-delivery-10

(zum Vergrößern klicken)

tmt_faster-content-delivery-10

Nachdem Sie Ihre Webverteilung erstellt haben, können Sie sie testen, indem Sie bestätigen, dass CloudFront Ihr Objekt vom Ursprung abholt und an einen Webbrowser zurückgibt.  Für diesen Test benötigen Sie den CloudFront-Domänennamen aus Schritt 4 und den Bildnamen, den Sie in Schritt 1 in das S3-Bucket hochgeladen haben.


a. Öffnen Sie auf Ihrem Computer einen Texteditor. Kopieren Sie den folgenden HTML-Code und fügen Sie ihn ein:

Mein CloudFront-Test

Mein Textinhalt steht hier.

mein Testbild

  • Ersetzen Sie Domänenname durch den Domänennamen, den CloudFront Ihrer Verteilung zugewiesen hat, z. B. d111111abcdef8.cloudfront.net.
  • Ersetzen Sie Objektname durch den Namen Ihrer Bilddatei im Amazon S3-Bucket – in unserem Fall cloudfront-test-image.png.
  • Speichern Sie den Text in die Datei meincloudfronttest.html.

b. Öffnen Sie Ihre Webseite in einem Browser, um sicherzustellen, dass Sie Ihre Inhalte sehen können. 

cloudfront-16

(zum Vergrößern klicken)

cloudfront-16

Sie können die Verteilung über die CloudFront-Konsole einfach deaktivieren. In der Tat ist es eine bewährte Methode, nicht mehr verwendete Verteilungen zu deaktivieren, damit Ihnen diese nicht weiter in Rechnung gestellt werden. Bedenken Sie aber, dass bei der Deaktivierung einer Verteilung jede Website, die von dieser Verteilung unterstützt wird, heruntergefahren wird und der Inhalt für Endbenutzer nicht mehr zugänglich ist.


a. Aktivieren Sie das Kontrollkästchen neben der von Ihnen erstellten Verteilung und klicken Sie auf Deaktivieren.

tmt_faster-content-delivery-11

(zum Vergrößern klicken)

tmt_faster-content-delivery-11

b. Sie werden zur Bestätigung aufgefordert. Klicken Sie auf Ja, deaktivieren.

tmt_faster-content-delivery-12

(zum Vergrößern klicken)

tmt_faster-content-delivery-12

Sie haben Ihre erste Amazon CloudFront-Webverteilung erstellt und über Amazon S3 einen statischen Inhalt bereitgestellt, der in der Cloud gehostet wird. Mit einigen Konfigurationsänderungen können Sie mit CloudFront dynamische Inhalte, Live-Ereignisse wie Meetings, Konferenzen oder Konzerte in Echtzeit über HTTP oder HTTPS bereitstellen. Nutzen Sie Amazon Cloudfront, um die Bereitstellung Ihrer gesamten Website oder Anwendung zu beschleunigen, einschließlich dynamischer, statischer, gestreamter und interaktiver Inhalte.

Nachdem Sie nun gelernt haben, wie Sie eine Webdistribution einrichten und statische Inhalte mit Amazon CloudFront bereitstellen, können Sie unseren CloudFront-Experten während der bevorstehenden Bürozeiten oder der bevorstehenden AWS Tech Talks Fragen stellen.

Amazon CloudFront – Seite "Erste Schritte" >>

 

Ja
Nein