{"id":2723,"date":"2023-06-06T10:30:00","date_gmt":"2023-06-06T09:30:00","guid":{"rendered":"https:\/\/helterskelterdigital.com\/?p=2723"},"modified":"2024-03-06T13:43:42","modified_gmt":"2024-03-06T12:43:42","slug":"hosting-gigapixel-panoramas","status":"publish","type":"post","link":"https:\/\/chriswright.photography\/de\/hosting-gigapixel-panoramas\/","title":{"rendered":"Ultimative Anleitung zum Hosten von Gigapixel-Panoramen"},"content":{"rendered":"<p class=\"wp-block-paragraph\">In diesem Artikel geht es nur ums Hosten. Informationen zur Kunst der Panorama- und 360\u00b0-Fotografie finden Sie in diesen Artikeln:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/de\/panoramic-photography-guide\/\" data-type=\"post\" data-id=\"4512\">Der ultimative Leitfaden f\u00fcr Panoramafotografie<\/a>, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/de\/levelling-base-for-panoramic-photography\/\" data-type=\"post\" data-id=\"4498\">Nivelliersockel f\u00fcr die Panoramafotografie<\/a>, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/de\/360-photography-guide\/\" data-type=\"post\" data-id=\"1069\">Der ultimative 360-Fotografie-Leitfaden<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/de\/best-software-for-360-photography\/\" data-type=\"post\" data-id=\"688\">Beste Software f\u00fcr 360\u00b0-Fotografie<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Einrichten eines Webservers auf Amazon S3 und Verwenden von Cloudfront zum Zwischenspeichern von Inhalten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Hosten von Gigapixel-Panoramen ist f\u00fcr Fotografen schon seit jeher ein Problem. Sie k\u00f6nnen eine Online-Plattform wie <a href=\"https:\/\/www.360cities.net\" target=\"_blank\" rel=\"noreferrer noopener\">360St\u00e4dte<\/a> oder <a href=\"https:\/\/kuula.co\" target=\"_blank\" rel=\"noreferrer noopener\">Kuula<\/a> um virtuelle Touren zu hosten, aber Sie sind vollst\u00e4ndig auf die Plattform angewiesen, um im Gesch\u00e4ft zu bleiben, und die meisten werden Ihre Panoramen nicht hosten. Das WordPress-Plugin Panopress wurde seit 6 Jahren nicht mehr aktualisiert, aber Sie k\u00f6nnten <a href=\"http:\/\/www.zoomify.com\" target=\"_blank\" rel=\"noreferrer noopener\">Zoomify<\/a> um selbst gehostete Panoramen zu erm\u00f6glichen. Aber es unterst\u00fctzt keine 350\u00b0-Bilder. Nicht die zufriedenstellendste Situation!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich habe verschiedene Online-Hosts ausprobiert, bevor mich die Einschr\u00e4nkungen frustrierten. Schlie\u00dflich habe ich beschlossen, es selbst zu tun und den gesamten Prozess zu dokumentieren, um es f\u00fcr Laien einfacher zu machen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ich habe mich entschieden, <strong>Amazon S3<\/strong> um die Bilder zu hosten und <strong>Wolkenfront<\/strong> um sie zwischenzuspeichern. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Einrichten einer Website mit Amazon S3 und CloudFront ist nicht jedermanns Sache. Ich bin dazu gekommen, weil ich sehr gro\u00dfe Medien in Form von Panoramafotos hosten musste, die in Tausende von \u201eKacheln\u201c aufgeteilt sind, um sie schnell \u00fcbertragen und rendern zu k\u00f6nnen. Ich verwende S3 nicht zum Hosten meiner Website, sondern nur zum Hosten von Bildern, aber es ist durchaus m\u00f6glich, eine Website zu hosten und CloudFront als CDN-L\u00f6sung zu verwenden, um Inhalte schnell an Remote-Clients zu liefern. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie Cloudfront als Proxy verwenden, wird Ihr Inhalt vom CloudFront-Server bereitgestellt, der dem Standort der Anfrage am n\u00e4chsten ist. Aber zuerst m\u00fcssen Sie Ihre Site in Amazon S3 einrichten. In diesem Tutorial wird erkl\u00e4rt, wie Sie Amazon S3 zum Hosten einer Website einrichten, wie Sie CloudFront als Proxy zur Inhaltsverteilung f\u00fcr die Website einrichten und wie Sie ein SSL-Zertifikat f\u00fcr diesen Inhalt konfigurieren.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Was Sie lernen werden:<\/p>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id2723_1be765-f2 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id2723_1be765-f2 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id2723_1be765-f2 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id2723_1be765-f2 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\">Gr\u00fcnde f\u00fcr die Verwendung von Amazon S3 und CloudFront<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Benutzerfreundlichkeit<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Es tut mir leid, aber das war ironisch gemeint. WordPress-Hosting ist auf fast jeder anderen Plattform viel einfacher!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kosten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die meisten Webhosting-Unternehmen berechnen eine regul\u00e4re Geb\u00fchr auf Grundlage des Speicherplatzes oder der Inodes (Anzahl der bereitgestellten Objekte). Amazon berechnet Geb\u00fchren auf Grundlage der \u00fcbertragenen Daten und ist daher f\u00fcr bestimmte Inhaltstypen g\u00fcnstiger als die meisten Webhosting-Unternehmen, insbesondere f\u00fcr Panoramen, bei denen das Volumen hoch ist und die Anzahl der bereitgestellten Objekte f\u00fcr ein einzelnes Panorama im Tausenderbereich liegt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was passiert im Klartext<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vereinfacht ausgedr\u00fcckt besteht eine Website aus einer Reihe von Seiten, die oft miteinander verkn\u00fcpft sind und Text und Bilder enthalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die einfachste m\u00f6gliche Website im Code sieht folgenderma\u00dfen aus:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!doctype html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;UTF-8&quot;&gt;\n&lt;title&gt;index.html&lt;\/title&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n\t&lt;p&gt;Willkommen auf meiner fantastischen neuen Website!&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Dies ist das reine HTML, das entweder von Hand erstellt oder von einem Content-Management-System wie WordPress generiert, von einem Webserver bereitgestellt und vom Browser in etwas f\u00fcr das menschliche Auge Anschaulicheres umgewandelt wird.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website-1024x533.png\" alt=\"simple html page\" class=\"wp-image-2724\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website-1024x533.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website-300x156.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website-768x400.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website-18x9.png 18w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Welcome-to-my-fantastic-new-website.png 1314w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 1 \u2013 Von einem Webbrowser konvertierter HTML-Code<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Alle Websites funktionieren so. Der Server stellt HTML-formatierten Code bereit, der Browser interpretiert diesen Code und stellt ihn als visuelle Seite dar. Panoramen funktionieren genauso, das Originalbild wird in Kacheln aufgeteilt und in ein HTML5-Framework \u201eeingepackt\u201c, das im Grunde eine Website ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie Code auf Amazon S3 installieren, stellt Amazon den Webserver bereit und stellt diesen Inhalt als Antwort auf eine Anfrage eines Browsers bereit. Der Dom\u00e4nenname (f\u00fcr Menschen lesbare Dom\u00e4ne wie mygreatcompany.com) wird in Ihrem DNS-Eintrag in einen Verweis auf Ihren Speicherplatz auf dem Amazon-Server \u00fcbersetzt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie eine komplexe Website mit viel Inhalt haben, der von Menschen auf der ganzen Welt gelesen wird, ist es sinnvoll, ein Content Distribution Network (CDN) als Proxy zu verwenden, um diesen Inhalt von einem Knoten in der N\u00e4he des Ursprungs der Anfrage bereitzustellen. Wenn ich beispielsweise ein Publikum in San Francisco habe und in Spanien ans\u00e4ssig bin, dauert es l\u00e4nger, bis meine Webseiten von Europa nach San Francisco gelangen, als von einem Server in den USA. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wir werden Amazon Cloudfront als Proxy verwenden, um unsere Inhalte bereitzustellen, ohne dass die Anfrage den ganzen Weg zu unserer S3-Installation geht. Cloudfront aktualisiert seinen Cache regelm\u00e4\u00dfig von der S3-Installation, um die Inhalte auf dem neuesten Stand zu halten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Amazon S3<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Terminologie<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Eimer<\/strong> \u2013 Dies ist Ihr Webspace. Sie k\u00f6nnen mehrere Buckets f\u00fcr verschiedene Zwecke erstellen, aber f\u00fcr die Erstellung einer einfachen Website oder die Bereitstellung eines Panoramas ben\u00f6tigen wir nur einen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objekt<\/strong> \u2013 in der Amazon-Welt ist alles ein Objekt, einschlie\u00dflich Ihres Buckets.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Endpunkt<\/strong> \u2013 URL<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Das S3 Dashboard<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die erste Aufgabe besteht darin, ein Konto bei Amazon zu erstellen. Verwenden Sie nicht Ihre Einkaufs-ID, sondern erstellen Sie eine neue, speziell f\u00fcr die Nutzung der technischen Dienste von Amazon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1010\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-1024x1010.png\" alt=\"Setting up a Website with Amazon S3 and Cloudfront\" class=\"wp-image-2726\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-1024x1010.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-300x296.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-768x757.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-1536x1515.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-2048x2020.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-12x12.png 12w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 2 \u2013 Amazon S3-Website<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d6ffnen Sie die <a href=\"https:\/\/aws.amazon.com\/s3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Amazon S3-Website<\/a> in Ihrem Browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf die Schaltfl\u00e4che \u201eErste Schritte\u201c.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-1024x665.png\" alt=\"AWS Signup Page\" class=\"wp-image-2727\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-1024x665.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-300x195.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-768x499.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-1536x997.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-2048x1329.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Signup-Screen-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 3<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Erstellen Sie ein neues Konto. Sie m\u00fcssen mehrere Schritte zur Identit\u00e4tsbest\u00e4tigung durchlaufen. Halten Sie daher Ihr Mobiltelefon und einen E-Mail-Client bereit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"665\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-1024x665.png\" alt=\"AWS Sign in Page\" class=\"wp-image-2728\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-1024x665.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-300x195.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-768x499.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-1536x997.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-2048x1329.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/AWS-Sign-in-Screen-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 4<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nachdem Sie Ihr Konto erstellt haben, melden Sie sich bei der Konsole an. W\u00e4hlen Sie unbedingt den Root-Benutzer aus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"775\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-1024x775.png\" alt=\"S3 AWS Management Console\" class=\"wp-image-2729\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-1024x775.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-300x227.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-768x581.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-1536x1163.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-2048x1550.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/S3-Web-Console-16x12.png 16w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 5<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dies ist die Webkonsole. Klicken Sie im Abschnitt \u201eZuletzt besucht\u201c auf S3.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"963\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-1024x963.png\" alt=\"S3 Create a Bucket\" class=\"wp-image-2731\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-1024x963.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-300x282.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-768x722.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-1536x1444.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-2048x1925.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Amazon-S3-Welcome-Screen-13x12.png 13w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 6<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf <strong>Bucket erstellen<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erstellen eines Buckets f\u00fcr Inhalte<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"720\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-1024x720.png\" alt=\"S3 Create a Bucket dialogue\" class=\"wp-image-2733\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-1024x720.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-300x211.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-768x540.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-1536x1080.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-2048x1439.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Create-Bucket-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 7<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Seite enth\u00e4lt mehrere wichtige Einstellungen, die Sie sorgf\u00e4ltig ausf\u00fcllen m\u00fcssen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Allgemeine Konfiguration<\/li>\n\n\n\n<li>\u00d6ffentlichen Zugriff blockieren<\/li>\n\n\n\n<li>Bucket-Versionierung<\/li>\n\n\n\n<li>Standardverschl\u00fcsselung<\/li>\n\n\n\n<li>Erweiterte Einstellungen<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">sind diejenigen, vor denen man auf der Hut sein muss.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bucket-Name \u2013 verwenden Sie etwas Einfaches und Wiedererkennbares. Betrachten Sie es als einen Verzeichnisnamen. W\u00e4hlen Sie eine AWS-Region, die zu Ihrem Standort passt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"903\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-903x1024.png\" alt=\"S3 Block Public Access Setting\" class=\"wp-image-2734\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-903x1024.png 903w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-264x300.png 264w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-768x871.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-1354x1536.png 1354w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled-11x12.png 11w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/ACLs-Disabled.png 1652w\" sizes=\"auto, (max-width: 903px) 100vw, 903px\" \/><figcaption class=\"wp-element-caption\">Abb. 8<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Scrollen Sie auf der Seite nach unten, lassen Sie <strong>ACLs deaktiviert<\/strong> in Objektbesitz, Deaktivieren <strong>\u00d6ffentlichen Zugriff blockieren<\/strong> und aktivieren Sie die Warnung \u201eDeaktivierung und Blockierung des gesamten \u00f6ffentlichen Zugriffs\u201c \u2013 Sie m\u00f6chten, dass die Leute die Website sehen. <strong>Bucket-Versionierung<\/strong> bleibt f\u00fcr unsere Zwecke deaktiviert, ebenso <strong>Standardverschl\u00fcsselung<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"958\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-958x1024.png\" alt=\"S3 Object Lock Setting\" class=\"wp-image-2735\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-958x1024.png 958w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-281x300.png 281w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-768x821.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-1437x1536.png 1437w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings-11x12.png 11w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Advanced-Settings.png 1652w\" sizes=\"auto, (max-width: 958px) 100vw, 958px\" \/><figcaption class=\"wp-element-caption\">Abb. 9<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dcberpr\u00fcfen Sie in den erweiterten Einstellungen, ob die Objektsperre deaktiviert ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie nun auf <strong>Bucket erstellen<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-1024x343.png\" alt=\"S3 Bucket Created\" class=\"wp-image-2736\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-1024x343.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-300x101.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-768x257.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-1536x515.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-2048x686.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/bucket-created-18x6.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 10<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sie werden zu einem Bildschirm \u00e4hnlich dem oben gezeigten weitergeleitet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt haben Sie Ihren Bucket, wir k\u00f6nnen Berechtigungen festlegen und ihn mit Inhalt f\u00fcllen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Festlegen von Berechtigungen f\u00fcr das Webhosting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sie werden auf dem Bild oben bemerken, dass unter der Zugriffsspalte \u201eObjekte k\u00f6nnen \u00f6ffentlich sein\u201c steht. Die Standardeinstellung ist, dass sie nicht \u00f6ffentlich sind, also m\u00fcssen wir das \u00e4ndern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf den Namen Ihres Buckets. Und w\u00e4hlen Sie \u201e<strong>P<\/strong>Eigenschaften\u201c im n\u00e4chsten Bildschirm.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"859\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-1024x859.png\" alt=\"S3 Permissions for Web Hosting\" class=\"wp-image-2740\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-1024x859.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-300x252.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-768x645.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-1536x1289.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-2048x1719.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Properties-14x12.png 14w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 11<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Scrollen Sie auf dieser Seite nach unten und Sie werden sehen <strong>Statisches Website-Hosting<\/strong> \u2013 klicken Sie auf <strong>Bearbeiten<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"156\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-1024x156.png\" alt=\"S3 Static Website Hosting\" class=\"wp-image-2741\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-1024x156.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-300x46.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-768x117.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-1536x233.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-2048x311.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Static-Website-Hosting-18x3.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 12<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sie werden diesen Dialog sehen<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"875\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-1024x875.png\" alt=\"S3 Edit Static Website\" class=\"wp-image-2742\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-1024x875.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-300x256.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-768x656.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-1536x1312.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-2048x1749.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edit-static-website-14x12.png 14w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 13<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Aktivieren<\/strong> Statisches Website-Hosting und stellen Sie sicher, dass der Hosting-Typ auf <strong>Hosten einer statischen Website<\/strong>. Setzen Sie das Indexdokument auf <strong>Hauptseite<\/strong> Speichern Sie dann Ihre \u00c4nderungen. Sie werden zur Seite \u201eBucket-Eigenschaften\u201c zur\u00fcckgeleitet. Wenn Sie nach unten scrollen, sehen Sie, dass das Hosting statischer Websites aktiviert ist und Ihnen ein <strong>Endpunkt<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"298\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-1024x298.png\" alt=\"S3 URL Generated\" class=\"wp-image-2743\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-1024x298.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-300x87.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-768x223.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-1536x446.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-2048x595.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/editied-static-website-hosting-18x5.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 14<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Die <strong>Bucket-Website-Endpunkt<\/strong> ist die URL, die Ihren Bucket im Amazon-Universum identifiziert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als n\u00e4chstes m\u00fcssen Sie Ihre Zugriffsrichtlinie explizit festlegen. Klicken Sie auf <b>Berechtigungen<\/b> das Hauptmen\u00fc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"855\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-1024x855.png\" alt=\"S3 Bucket Policy\" class=\"wp-image-2739\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-1024x855.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-300x251.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-768x641.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-1536x1283.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-2048x1710.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Permissions-14x12.png 14w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 15<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Wir werden im Fenster \u201eBucket-Richtlinie\u201c eine Richtlinie bereitstellen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dr\u00fccken Sie \u201e<strong>Bearbeiten<\/strong>\u201c gegen\u00fcber dem <strong>Bucket-Richtlinie<\/strong>. Wir m\u00fcssen eine Richtlinie bereitstellen, die es jedem Mitglied der \u00d6ffentlichkeit erm\u00f6glicht, jedes Objekt (Seite oder Bild) zu laden, das im Bucket enthalten ist. Dies ist der Code, den Sie ben\u00f6tigen. \u00c4ndern Sie das Datum nicht, das zeigt Amazon eine Version an. Die letzte Zeile muss ge\u00e4ndert werden \u2013 sie muss mit Ihrer eigenen Bucket-ARN \u00fcbereinstimmen.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{ &quot;Version&quot;: &quot;2012-10-17&quot;, &quot;Statement&quot;: [ { &quot;Sid&quot;: &quot;PublicReadGetObject&quot;, &quot;Effect&quot;: &quot;Erlauben&quot;, &quot;Principal&quot;: &quot;*&quot;, &quot;Action&quot;: [ &quot;s3:GetObject&quot; ], &quot;Ressource&quot;: [ &quot;arn:aws:s3:::helterskeltertraining\/*&quot; ] } ] }<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Die Bucket-ARN wird im Bearbeitungsbildschirm direkt \u00fcber dem Fenster angezeigt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"441\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-1024x441.png\" alt=\"S3 ARN policy\" class=\"wp-image-2744\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-1024x441.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-300x129.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-768x331.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-1536x661.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-2048x882.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/edited-policy-18x8.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 16<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Speichern Sie Ihre \u00c4nderungen. Wenn Sie einen Fehler erhalten, liegt es h\u00f6chstwahrscheinlich am ARN-Namen \u2013 diese Zeile muss genau mit Ihrer eigenen ARN \u00fcbereinstimmen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hochladen Ihrer Website<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt k\u00f6nnen Sie Ihre Inhalte in den Bucket hochladen!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gehen Sie mithilfe der Brotkr\u00fcmel oben auf dem Bildschirm zur\u00fcck zu Ihrem Eimer. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-1024x513.png\" alt=\"S3 Uploading content\" class=\"wp-image-2746\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-1024x513.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-300x150.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-768x385.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-1536x769.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-2048x1025.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Upload-Content-18x9.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 17<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf das <strong>Hochladen<\/strong> Taste.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"823\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-1024x823.png\" alt=\"S3 selecting content to upload\" class=\"wp-image-2747\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-1024x823.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-300x241.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-768x617.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-1536x1234.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-2048x1645.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/upload-screen-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 18<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen hier Dateien oder Ordner hinzuf\u00fcgen. Ich verwende den Drag &amp; Drop-Bereich, da ich in diesem Beispiel nur eine Datei habe. Beachten Sie, dass der Dateiname zwar in der Liste angezeigt wird, aber erst hochgeladen wird, wenn Sie auf die Schaltfl\u00e4che \u201eHochladen\u201c klicken!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"626\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-1024x626.png\" alt=\"S3 Upload status\" class=\"wp-image-2748\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-1024x626.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-300x184.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-768x470.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-1536x940.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-2048x1253.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Uploaded-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 19<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Jetzt sollten Sie \u00fcber eine Website oder ein Panorama verf\u00fcgen, das von AWS bereitgestellt werden kann. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Testen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Um es zu testen, gehen Sie zur\u00fcck zum Eigenschaftenbildschirm, scrollen Sie nach unten zu \u201eStatisches Website-Hosting\u201c und klicken Sie auf die URL \u2013 wenn alle Einstellungen korrekt sind, sollte sie in Ihrem Browser angezeigt werden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"163\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-1024x163.png\" alt=\"\" class=\"wp-image-2749\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-1024x163.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-300x48.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-768x122.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-1536x245.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-2048x326.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Testing-18x3.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 20<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Aktualisieren Ihres DNS-Eintrags<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie bereits eine Dom\u00e4ne besitzen, m\u00f6chten Sie die URL im Amazon-Format wahrscheinlich nicht verwenden. Um Ihre eigene Dom\u00e4ne zu verwenden, m\u00fcssen Sie eine DNS-Einstellung \u00e4ndern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Es gibt zwei Arten von Einstellungen, die Endpunkte in Ihrem DNS angeben. Dies sind A-Eintr\u00e4ge und CNAME-Eintr\u00e4ge. Der A-Eintrag verweist auf eine IP-Adresse. Der CNAME-Eintrag wird verwendet, um Aliase f\u00fcr den A-Eintrag bereitzustellen und kann auf einen anderen Server verweisen. Bekannte Beispiele sind <em>mail.ihredomain.com<\/em> und <em>ftp.IhreDomain.com<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wir m\u00fcssen eine Subdom\u00e4ne mit dem gleichen Namen wie Ihr Bucket einrichten und dann die von Amazon generierte URL als Ziel angeben.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"116\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-1024x116.png\" alt=\"DNS change for subdomain\" class=\"wp-image-2751\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-1024x116.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-300x34.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-768x87.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-1536x175.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-2048x233.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-2-18x2.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 21<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Erstellen Sie also einen neuen CNAME-Eintrag. Bei manchen Hosts ist die Vorgehensweise unterschiedlich. Wenn Sie den Namen Ihres Buckets als Namen, CNAME als Typ und Ihre Amazon-URL als Eintragswert eingeben, gibt das System den Rest Ihrer Domain im Feld Name aus. Dieser Eintrag sollte Anfragen an die Subdomain an Amazon umleiten. DNS-\u00c4nderungen k\u00f6nnen einige Zeit in Anspruch nehmen, meiner Erfahrung nach zwischen einem Augenblick und einem Tag, bis sie durchgesickert sind, daher funktioniert dies m\u00f6glicherweise nicht sofort. Testen Sie mit Ihrer neuen URL \u2013 z. B. <em><strong>http:\/\/bucketname.yourdomain.com<\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn es sich um die gesamte Website handelt, die Sie auf Amazon hosten, m\u00fcssen Sie eine Weiterleitung durchf\u00fchren.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wolkenfront<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cloudfront ist das Content-Distribution-Netzwerk von Amazon. Wenn Ihre Site viele Inhalte enth\u00e4lt, die f\u00fcr ein globales Publikum von Interesse sind, kann es sinnvoll sein, das CDN zu verwenden, um Inhalte an verschiedenen Standorten n\u00e4her an Ihrem Publikum zwischenzuspeichern.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gehen Sie zum <strong>Dienstleistungen<\/strong> oben links auf Ihrem Amazon-Bildschirm und w\u00e4hlen Sie Cloudfront aus der Dropdown-Liste. Wenn es nicht da ist, geben Sie einfach ein <strong>Wolkenfront<\/strong> in das Suchfeld ein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-884x1024.png\" alt=\"\" class=\"wp-image-2753\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-884x1024.png 884w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-259x300.png 259w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-768x889.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-1326x1536.png 1326w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-1769x2048.png 1769w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-10x12.png 10w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront.png 1924w\" sizes=\"auto, (max-width: 884px) 100vw, 884px\" \/><figcaption class=\"wp-element-caption\">Abb. 22<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Zusammenfassung in einfachem Englisch<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">An diesem Punkt haben Sie Ihre Website in Amazon S3 erstellt. Wenn Ihr Publikum geografisch weit vom Hosting Ihrer Website entfernt ist (Sie haben die Host-Geografie zu Beginn des S3-Prozesses ausgew\u00e4hlt), kann die Verwendung eines CDN f\u00fcr Sie von Vorteil sein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Vorbehalt<\/strong> \u2013 Wenn Ihr Datenverkehr gering ist, kann ein CDN tats\u00e4chlich zu Verz\u00f6gerungen f\u00fchren, da der im Cache gespeicherte Inhalt zwischen den Benutzeranforderungen abl\u00e4uft. In diesem Fall muss das CDN zu S3 zur\u00fcckkehren, um Inhalte abzurufen. Sie haben also lediglich eine zweite Iteration in den Anforderungs-\/Bereitstellungsprozess eingef\u00fcgt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Terminologie<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Verteilung \u2013 Eine Verteilung stellt Ihren Teil des CDN-Cache dar. Sie wird Ihrem Amazon S3-Bucket zugeordnet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Erstellen einer Verteilung<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"838\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-1024x838.png\" alt=\"CloudFront Home\" class=\"wp-image-2754\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-1024x838.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-300x245.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-768x628.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-1536x1257.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-2048x1676.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-home-page-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 23<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie in CloudFront auf das <strong>Erstellen einer CloudFront-Verteilung<\/strong> Taste.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-967x1024.png\" alt=\"CloudFront Origin\" class=\"wp-image-2755\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-967x1024.png 967w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-283x300.png 283w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-768x814.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-1450x1536.png 1450w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin-11x12.png 11w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/CloudFront-Origin.png 1788w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><figcaption class=\"wp-element-caption\">Abb. 24<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sie werden zu einem sehr langen Formular weitergeleitet, das wir Abschnitt f\u00fcr Abschnitt durchgehen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die <strong>Ursprungsdom\u00e4ne<\/strong> kann aus der Dropdown-Liste in diesem Feld ausgew\u00e4hlt werden. Bewegen Sie einfach den Cursor auf das leere Feld und klicken Sie. Dadurch werden die von Ihnen erstellten Buckets angezeigt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die <strong>Ursprungspfad<\/strong> muss nur ausgef\u00fcllt werden, wenn sich Ihr Inhalt in einem Unterverzeichnis des Buckets befindet. Wenn Ihr Bucket beispielsweise eine einzelne Datei namens index.html enth\u00e4lt, lassen Sie dieses Feld leer. Wenn es ein Verzeichnis auf der obersten Ebene enth\u00e4lt, das Ihre index.html enth\u00e4lt, geben Sie hier den Namen des Verzeichnisses ein.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ignorieren <strong>Benutzerdefinierte Kopfzeile hinzuf\u00fcgen<\/strong> und verlassen <strong>Origin Shield aktivieren<\/strong> deaktiviert.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der n\u00e4chste Abschnitt ist <strong>Standard-Cache-Verhalten<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-710x1024.png\" alt=\"Cloudfront default cache behaviour\" class=\"wp-image-2756\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-710x1024.png 710w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-208x300.png 208w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-768x1107.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-1066x1536.png 1066w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-1421x2048.png 1421w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour-8x12.png 8w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-default-cache-behaviour.png 1450w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><figcaption class=\"wp-element-caption\">Abb. 25<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Viewer-Protokollrichtlinie<\/strong> sollte eingestellt werden auf <strong>Leiten Sie Http zu Https um<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Erlaubte HTTP-Methoden<\/strong> sollte GET, HEAD sein<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zuschauerzugriff einschr\u00e4nken<\/strong> sollte auf \u201eJa\u201c gesetzt werden, wenn Sie sicher sind, dass alle Viewer \u00fcber CloudFront kommen m\u00fcssen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scrollen Sie nach unten zu <strong>Einstellungen<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"690\" height=\"1024\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-690x1024.png\" alt=\"\" class=\"wp-image-2757\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-690x1024.png 690w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-202x300.png 202w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-768x1139.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-1036x1536.png 1036w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-1381x2048.png 1381w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings-8x12.png 8w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Cloudfront-Settings.png 1420w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><figcaption class=\"wp-element-caption\">Abb. 26<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4hlen Sie Ihre <strong>Preisklasse<\/strong> \u2013 das sollte intuitiv sein, das Erste ist das teuerste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Klicken Sie auf <strong>Zertifikat anfordern<\/strong> um ein neues SSL-Zertifikat zu erhalten.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alternative Dom\u00e4nennamen sollten alle Varianten enthalten, die Sie m\u00f6glicherweise sichern m\u00fcssen. Zum Beispiel <strong><em>bucketname.ihredomain.com<\/em><\/strong>, <strong><em>*.bucketname.ihredomain.com<\/em><\/strong> w\u00fcrde jedes Unterverzeichnis sichern, das unter <strong><em>bucketname.ihredomain.com<\/em><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Standard-Stammobjekt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Eingeben <strong>Hauptseite<\/strong> als Name des Stammobjekts (damit Benutzer es nicht in die URL aufnehmen m\u00fcssen).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Einrichten eines SSL-Zertifikats<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"362\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-1024x362.png\" alt=\"\" class=\"wp-image-2758\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-1024x362.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-300x106.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-768x272.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-1536x543.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-2048x725.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/Request-Certificate-18x6.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 27<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Die Anforderung eines SSL-Zertifikats ist unkompliziert. Zur Verdeutlichung: Dieses Zertifikat verschl\u00fcsselt den Datenverkehr zwischen dem Browser und Cloudfront. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00e4hlen Sie das \u00f6ffentliche Zertifikat und im n\u00e4chsten Bildschirm die DNS-Validierung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das System gibt Ihnen dann die Daten, die Sie zum Erstellen eines neuen CNAME-Eintrags ben\u00f6tigen. Dieser dient lediglich der Best\u00e4tigung Ihres Dom\u00e4nenbesitzes und sieht sehr undurchsichtig aus. Kopieren Sie ihn und f\u00fcgen Sie ihn wie angezeigt in Ihre DNS-Einstellungen ein.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-1024x669.png\" alt=\"\" class=\"wp-image-2759\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-1024x669.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-300x196.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-768x502.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-1536x1003.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-2048x1338.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/DNS-Validation-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 28<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sobald DNS verbreitet wurde, validiert das System Ihr SSL-Zertifikat. Bei mir dauerte es etwa 5 Sekunden, aber je nachdem, wo Ihr DNS eingestellt ist, kann es bis zu ein paar Tage dauern.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"160\" src=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-1024x160.png\" alt=\"\" class=\"wp-image-2760\" srcset=\"https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-1024x160.png 1024w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-300x47.png 300w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-768x120.png 768w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-1536x241.png 1536w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-2048x321.png 2048w, https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/pending-validation-18x3.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Abb. 29<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Sobald das Zertifikat ausgestellt wurde, kann die Distribution ver\u00f6ffentlicht werden. CloudFront stellt Ihnen eine neue URL mit der Endung <strong>cloudfront.net<\/strong> Dies muss den S3-Wert in Ihrem vorhandenen DNS ersetzen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aktualisieren Sie Ihren DNS-Eintrag (erneut)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gehen Sie zum CNAME-Eintrag, den Sie im S3-Setup erstellt haben, und ersetzen Sie den S3-Wert f\u00fcr Ihre Subdom\u00e4ne durch den Wert cloudfront.net. Dies hat zur Folge, dass alle Anfragen f\u00fcr <strong>bucketname.ihredomain.com<\/strong> zu Cloudfront statt zu S3. Sie haben CloudFront bereits Ihre Bucket-Details mitgeteilt, sodass es den Cache auff\u00fcllt und Ihren Inhalt von dort statt von S3 bereitstellt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Das Einrichten einer Website mit Amazon S3 und CloudFront ist eigentlich ganz einfach, wenn man die Terminologie kennt. Wir haben hier ein triviales Beispiel verwendet, aber die Schritte zum Bereitstellen einer komplexeren Website oder eines Panoramas mit einem HTML 5-Wrapper sind identisch.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist, wenn Sie bereits ein CDN verwenden?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie bereits ein CDN verwenden, aber Amazon S3 zum Hosten gro\u00dfer Medien nutzen m\u00f6chten, k\u00f6nnen Sie den CNAME-Eintrag in Ihren CDN-DNS-Einstellungen erstellen. Denken Sie daran, dass Sie beim Einrichten eines CDN mit einem herk\u00f6mmlichen Webhost normalerweise die Nameserver mit denen des CDN austauschen und das \u00c4ndern der DNS-Eintr\u00e4ge auf Hosting-Ebene daher nicht funktioniert. F\u00fchren Sie stattdessen denselben Vorgang auf CDN-Ebene durch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hier ist ein Link zu <a href=\"https:\/\/bit.ly\/3P5w58Y\" target=\"_blank\" rel=\"noopener\">ein Panorama<\/a> Ich habe mich auf eine Serie vorbereitet, in der ich das Lecrin-Tal s\u00fcdlich von Granada aufzeichne. Ich habe S3 und CloudFront genau so verwendet, wie ich es hier beschrieben habe. Die Website wird getrennt von den Panoramen gehostet und ich verwende Quic.cloud als CDN f\u00fcr die Website und CloudFront, um die Panoramen bereitzustellen. Alle DNS-\u00c4nderungen wurden daher in Quic.cloud vorgenommen. Die Originaldatei f\u00fcr ein einzelnes Panorama ist etwa 850 MB gro\u00df. Mit herk\u00f6mmlichen HTTP-Servern ist dies fast unm\u00f6glich bereitzustellen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Schlussfolgerung<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Das Einrichten einer Website mit Amazon S3 und CloudFront ist sicherlich eine Aufgabe f\u00fcr technisch versierte Personen. F\u00fcr kleine, leicht zu wartende Websites ist es nicht im Entferntesten geeignet. F\u00fcr den Anwendungsfall der Bereitstellung gro\u00dfer Medien wie Gigapixel-Panoramen funktioniert es jedoch sehr gut. <\/p>\n\n\n<style>.kb-row-layout-id3919_a50959-24 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id3919_a50959-24 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id3919_a50959-24 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:35px;padding-bottom:25px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id3919_a50959-24 > .kt-row-layout-overlay{opacity:0.30;background-color:var(--global-palette7, #EDF2F7);}@media all and (max-width: 1024px){.kb-row-layout-id3919_a50959-24 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id3919_a50959-24 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id3919_a50959-24 alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column3919_a5712f-f2 > .kt-inside-inner-col,.kadence-column3919_a5712f-f2 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3919_a5712f-f2 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3919_a5712f-f2 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3919_a5712f-f2 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3919_a5712f-f2 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3919_a5712f-f2{position:relative;}@media all and (max-width: 1024px){.kadence-column3919_a5712f-f2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3919_a5712f-f2 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3919_a5712f-f2 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.kb-form input.kadence-blocks-field.verify{opacity:0.0;position:absolute;top:0.0;left:0.0;width:0.0;height:0.0;z-index:-1;}<\/style>\n<div class=\"wp-block-kadence-form kadence-form-3919_3a1ba7-97 kb-form-wrap\"><form class=\"kb-form\" action=\"\" method=\"post\" data-trp-original-action=\"\"><div class=\"kadence-blocks-form-field kb-field-desk-width-100 kb-input-size-standard\"><label for=\"kb_field_3919_3a1ba7-97_0\">Name<\/label><input name=\"kb_field_0\" id=\"kb_field_3919_3a1ba7-97_0\" data-label=\"Name\" type=\"text\" placeholder=\"\" value=\"\" data-type=\"text\" class=\"kb-field kb-text-style-field kb-text-field kb-field-0\"\/><\/div><div class=\"kadence-blocks-form-field kb-form-field-1 kb-field-desk-width-100 kb-input-size-standard\"><label for=\"kb_field_3919_3a1ba7-97_1\">E-Mail<span class=\"required\">*<\/span><\/label><input name=\"kb_field_1\" id=\"kb_field_3919_3a1ba7-97_1\" data-label=\"Email\" type=\"email\" placeholder=\"\" value=\"\" data-type=\"email\" class=\"kb-field kb-text-style-field kb-email-field kb-field-1\" data-required=\"yes\"\/><\/div><input type=\"hidden\" name=\"_kb_form_id\" value=\"3919_3a1ba7-97\"\/><input type=\"hidden\" name=\"_kb_form_post_id\" value=\"3919\"\/><input type=\"hidden\" name=\"action\" value=\"kb_process_ajax_submit\"\/><div class=\"kadence-blocks-form-field google-recaptcha-checkout-wrap\"><p id=\"kb-container-g-recaptcha\" class=\"google-recaptcha-container\"><span id=\"kb_recaptcha_3919_3a1ba7-97\" class=\"kadence-blocks-g-recaptcha-v2 g-recaptcha kb_recaptcha_3919_3a1ba7-97\" style=\"display:inline-block\"><\/span><\/p><\/div><label class=\"kadence-verify-label\">E-Mail<input class=\"kadence-blocks-field verify\" type=\"text\" name=\"_kb_verify_email\" autocomplete=\"new-password\" aria-hidden=\"true\" placeholder=\"E-Mail\" tabindex=\"-1\" data-1p-ignore=\"true\" data-lpignore=\"true\" \/><\/label><div class=\"kadence-blocks-form-field kb-submit-field kb-field-desk-width-100\"><button class=\"kb-forms-submit button kb-button-size-standard kb-button-width-auto\">Einreichen<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/form><\/div>\n<noscript><div class=\"kadence-blocks-form-message kadence-blocks-form-warning\">Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular fertigzustellen.<\/div><style>.kadence-form-3919_3a1ba7-97 .kadence-blocks-form-field.kb-submit-field { display: none; }<\/style><\/noscript><\/div><\/div>\n\n\n<style>.kadence-column3919_1d5d28-64 > .kt-inside-inner-col,.kadence-column3919_1d5d28-64 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column3919_1d5d28-64 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column3919_1d5d28-64 > .kt-inside-inner-col{flex-direction:column;}.kadence-column3919_1d5d28-64 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column3919_1d5d28-64 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column3919_1d5d28-64{position:relative;}@media all and (max-width: 1024px){.kadence-column3919_1d5d28-64 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column3919_1d5d28-64 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column3919_1d5d28-64 inner-column-2\"><div class=\"kt-inside-inner-col\">\n<h2 class=\"wp-block-heading\" id=\"subscribe\">Abonnieren...<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ich halte Sie mit regelm\u00e4\u00dfigen monatlichen Updates \u00fcber Workshops, Kurse, Leitf\u00e4den und Rezensionen auf dem Laufenden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Melden Sie sich hier an und erhalten Sie Sonderpreise f\u00fcr alle Kurse und Fotowalks im Jahr 2026<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel geht es lediglich um das Hosting. Informationen \u00fcber die Kunst der Erstellung von Panoramen und 360\u00b0-Fotografie finden Sie in diesen Artikeln: Der ultimative Leitfaden f\u00fcr die Panoramafotografie, Nivellierung der Basis f\u00fcr die Panoramafotografie, Der ultimative Leitfaden f\u00fcr die 360\u00b0-Fotografie Beste Software f\u00fcr die 360\u00b0-Fotografie Einrichten eines Webservers auf Amazon S3 und Verwendung von Cloudfront zum Cachen von Inhalten...<\/p>\n<div class=\"excerpt_sharing_after_output\">\n<div class=\"kt_simple_share_container kt-social-align-center kt-socialstyle-style_03 kt-social-size-normal kt-social-bg-transparent\"><a class=\"kt_facebook_share\" data-placement=\"bottom\" data-placement-mobile=\"bottom\" aria-label=\" Facebook\" data-tooltip=\" Facebook\" href=\"https:\/\/www.facebook.com\/sharer.php?u=https:\/\/chriswright.photography\/de\/hosting-gigapixel-panoramas\/\" target=\"_blank\"><span class=\"kt-social-svg-icon\"><svg viewbox=\"0 0 264 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229\"\/><\/svg><\/span><\/a><a class='kt_pinterest_share kt_no_pop_window' data-toggle='tooltip' data-placement='bottom' aria-label=' Pinterest' data-tooltip=' Pinterest' href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text\/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;\/\/assets.pinterest.com\/js\/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><span class=\"kt-social-svg-icon\"><svg viewbox=\"0 0 496 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M496 256c0 137-111 248-248 248-25.6 0-50.2-3.9-73.4-11.1 10.1-16.5 25.2-43.5 30.8-65 3-11.6 15.4-59 15.4-59 8.1 15.4 31.7 28.5 56.8 28.5 74.8 0 128.7-68.8 128.7-154.3 0-81.9-66.9-143.2-152.9-143.2-107 0-163.9 71.8-163.9 150.1 0 36.4 19.4 81.7 50.3 96.1 4.7 2.2 7.2 1.2 8.3-3.3.8-3.4 5-20.3 6.9-28.1.6-2.5.3-4.7-1.7-7.1-10.1-12.5-18.3-35.3-18.3-56.6 0-54.7 41.4-107.6 112-107.6 60.9 0 103.6 41.5 103.6 100.9 0 67.1-33.9 113.6-78 113.6-24.3 0-42.6-20.1-36.7-44.8 7-29.5 20.5-61.3 20.5-82.6 0-19-10.2-34.9-31.4-34.9-24.9 0-44.9 25.7-44.9 60.2 0 22 7.4 36.8 7.4 36.8s-24.5 103.8-29 123.2c-5 21.4-3 51.6-.9 71.2C65.4 450.9 0 361.1 0 256 0 119 111 8 248 8s248 111 248 248z\"\/><\/svg><\/span><\/a><a class=\"kt_reddit_share\" data-placement=\"bottom\" data-placement-mobile=\"bottom\" aria-label=\" Reddit\" data-tooltip=\" Reddit\" href=\"https:\/\/reddit.com\/submit?url=https:\/\/chriswright.photography\/de\/hosting-gigapixel-panoramas\/&amp;title=Ultimate Guide to Hosting Gigapixel Panoramas\" target=\"_blank\"><span class=\"kt-social-svg-icon\"><svg viewbox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M440.3 203.5c-15 0-28.2 6.2-37.9 15.9-35.7-24.7-83.8-40.6-137.1-42.3L293 52.3l88.2 19.8c0 21.6 17.6 39.2 39.2 39.2 22 0 39.7-18.1 39.7-39.7s-17.6-39.7-39.7-39.7c-15.4 0-28.7 9.3-35.3 22l-97.4-21.6c-4.9-1.3-9.7 2.2-11 7.1L246.3 177c-52.9 2.2-100.5 18.1-136.3 42.8-9.7-10.1-23.4-16.3-38.4-16.3-55.6 0-73.8 74.6-22.9 100.1-1.8 7.9-2.6 16.3-2.6 24.7 0 83.8 94.4 151.7 210.3 151.7 116.4 0 210.8-67.9 210.8-151.7 0-8.4-.9-17.2-3.1-25.1 49.9-25.6 31.5-99.7-23.8-99.7zM129.4 308.9c0-22 17.6-39.7 39.7-39.7 21.6 0 39.2 17.6 39.2 39.7 0 21.6-17.6 39.2-39.2 39.2-22 .1-39.7-17.6-39.7-39.2zm214.3 93.5c-36.4 36.4-139.1 36.4-175.5 0-4-3.5-4-9.7 0-13.7 3.5-3.5 9.7-3.5 13.2 0 27.8 28.5 120 29 149 0 3.5-3.5 9.7-3.5 13.2 0 4.1 4 4.1 10.2.1 13.7zm-.8-54.2c-21.6 0-39.2-17.6-39.2-39.2 0-22 17.6-39.7 39.2-39.7 22 0 39.7 17.6 39.7 39.7-.1 21.5-17.7 39.2-39.7 39.2z\"\/><\/svg><\/span><\/a><a class=\"kt_whatsapp_share\" data-placement=\"bottom\" data-placement-mobile=\"bottom\" aria-label=\" WhatsApp\" data-tooltip=\" WhatsApp\" href=\"https:\/\/wa.me\/?text=https:\/\/chriswright.photography\/de\/hosting-gigapixel-panoramas\/\" target=\"_blank\"><span class=\"kt-social-svg-icon\"><svg viewbox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/svg><\/span><\/a><a class=\"kt_email_share\" data-placement=\"bottom\" data-placement-mobile=\"bottom\" aria-label=\" E-Mail\" data-tooltip=\" Email\" href=\"mailto:?subject=Ultimate Guide to Hosting Gigapixel Panoramas&#038;body=https:\/\/chriswright.photography\/de\/hosting-gigapixel-panoramas\/\" target=\"_blank\"><span class=\"kt-social-svg-icon\"><svg viewbox=\"0 0 512 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"\/><\/svg><\/span><\/a><\/div>\n<\/div>","protected":false},"author":1,"featured_media":2764,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[72,122],"tags":[53,172,173,174,176],"class_list":["post-2723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ultimate-guide","category-craft-of-photography","tag-360-photography","tag-amazon-s3","tag-cdn","tag-cloudfront","tag-gigapixel-panorama"],"taxonomy_info":{"category":[{"value":72,"label":"Ultimate Guide"},{"value":122,"label":"Craft of Photography"}],"post_tag":[{"value":53,"label":"360\u00b0 Photography"},{"value":172,"label":"Amazon S3"},{"value":173,"label":"CDN"},{"value":174,"label":"CloudFront"},{"value":176,"label":"Gigapixel panorama"}]},"featured_image_src_large":["https:\/\/chriswright.photography\/wp-content\/uploads\/2022\/10\/setting-up-a-website-with-Amazon-S3-and-CloudFront-1024x638.jpg",1024,638,true],"author_info":{"display_name":"Chris Wright","author_link":"https:\/\/chriswright.photography\/de\/author\/chrischrisgwright-org\/"},"comment_info":4,"category_info":[{"term_id":72,"name":"Ultimate Guide","slug":"ultimate-guide","term_group":0,"term_taxonomy_id":72,"taxonomy":"category","description":"","parent":122,"count":11,"filter":"raw","cat_ID":72,"category_count":11,"category_description":"","cat_name":"Ultimate Guide","category_nicename":"ultimate-guide","category_parent":122},{"term_id":122,"name":"Craft of Photography","slug":"craft-of-photography","term_group":0,"term_taxonomy_id":122,"taxonomy":"category","description":"This category is concerned with the craft of photography. Here you will find articles about technique, cameras, lenses, the things the experienced photographer uses to help make an image successful.","parent":0,"count":48,"filter":"raw","cat_ID":122,"category_count":48,"category_description":"This category is concerned with the craft of photography. Here you will find articles about technique, cameras, lenses, the things the experienced photographer uses to help make an image successful.","cat_name":"Craft of Photography","category_nicename":"craft-of-photography","category_parent":0}],"tag_info":[{"term_id":53,"name":"360\u00b0 Photography","slug":"360-photography","term_group":0,"term_taxonomy_id":53,"taxonomy":"post_tag","description":"","parent":0,"count":3,"filter":"raw"},{"term_id":172,"name":"Amazon S3","slug":"amazon-s3","term_group":0,"term_taxonomy_id":172,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":173,"name":"CDN","slug":"cdn","term_group":0,"term_taxonomy_id":173,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":174,"name":"CloudFront","slug":"cloudfront","term_group":0,"term_taxonomy_id":174,"taxonomy":"post_tag","description":"","parent":0,"count":1,"filter":"raw"},{"term_id":176,"name":"Gigapixel panorama","slug":"gigapixel-panorama","term_group":0,"term_taxonomy_id":176,"taxonomy":"post_tag","description":"","parent":0,"count":2,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/posts\/2723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/comments?post=2723"}],"version-history":[{"count":12,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/posts\/2723\/revisions"}],"predecessor-version":[{"id":7994,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/posts\/2723\/revisions\/7994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/media\/2764"}],"wp:attachment":[{"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/media?parent=2723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/categories?post=2723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chriswright.photography\/de\/wp-json\/wp\/v2\/tags?post=2723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}