{"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\/fr\/hosting-gigapixel-panoramas\/","title":{"rendered":"Guide ultime pour h\u00e9berger des panoramas en gigapixels"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Cet article concerne uniquement l&#039;h\u00e9bergement. Pour plus d&#039;informations sur l&#039;art de cr\u00e9er des panoramas et la photographie \u00e0 360\u00b0, consultez ces articles\u00a0:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/fr\/panoramic-photography-guide\/\" data-type=\"post\" data-id=\"4512\">Le guide ultime de la photographie panoramique<\/a>, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/fr\/levelling-base-for-panoramic-photography\/\" data-type=\"post\" data-id=\"4498\">Base de nivellement pour la photographie panoramique<\/a>, <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/fr\/360-photography-guide\/\" data-type=\"post\" data-id=\"1069\">Le guide ultime de la photographie \u00e0 360\u00b0<\/a> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/chriswright.photography\/fr\/best-software-for-360-photography\/\" data-type=\"post\" data-id=\"688\">Meilleur logiciel pour la photographie 360<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configuration d&#039;un serveur Web sur Amazon S3 et utilisation de Cloudfront pour mettre en cache le contenu<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L&#039;h\u00e9bergement de panoramas Gigapixels est un probl\u00e8me pour les photographes depuis toujours. Vous pouvez utiliser une plateforme en ligne comme <a href=\"https:\/\/www.360cities.net\" target=\"_blank\" rel=\"noreferrer noopener\">360 Villes<\/a> ou <a href=\"https:\/\/kuula.co\" target=\"_blank\" rel=\"noreferrer noopener\">Kuula<\/a> pour h\u00e9berger des visites virtuelles, mais vous d\u00e9pendez enti\u00e8rement de la plateforme pour rester en activit\u00e9 et la plupart n&#039;h\u00e9bergeront pas vos panoramas. Le plugin WordPress Panopress n&#039;a pas \u00e9t\u00e9 mis \u00e0 jour depuis 6 ans, mais vous pouvez l&#039;utiliser <a href=\"http:\/\/www.zoomify.com\" target=\"_blank\" rel=\"noreferrer noopener\">Zoomer<\/a> pour permettre les panoramas auto-h\u00e9berg\u00e9s. Mais il ne prend pas en charge les images \u00e0 350\u00b0. Pas la situation la plus satisfaisante !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J&#039;ai essay\u00e9 plusieurs h\u00e9bergeurs en ligne avant d&#039;\u00eatre frustr\u00e9 par les limitations. Finalement, j&#039;ai d\u00e9cid\u00e9 de le faire moi-m\u00eame et j&#039;ai document\u00e9 l&#039;ensemble du processus pour le rendre plus facile \u00e0 g\u00e9rer pour les personnes non techniques. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">J&#039;ai d\u00e9cid\u00e9 d&#039;utiliser <strong>Amazon S3<\/strong> pour h\u00e9berger les images et <strong>Front de nuage<\/strong> pour les mettre en cache. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Configurer un site web avec Amazon S3 et CloudFront n&#039;est pas \u00e0 la port\u00e9e de tous. J&#039;ai choisi cette solution avec un besoin sp\u00e9cifique : h\u00e9berger des m\u00e9dias tr\u00e8s volumineux sous forme de photographies panoramiques divis\u00e9es en milliers de \u00ab tuiles \u00bb pour un transfert et un rendu rapides. Je n&#039;utilise pas S3 pour h\u00e9berger mon site web, simplement pour h\u00e9berger des images, mais il est parfaitement possible d&#039;h\u00e9berger un site web et d&#039;utiliser CloudFront comme solution CDN pour diffuser rapidement du contenu \u00e0 des clients distants. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque vous utilisez Cloudfront comme proxy, votre contenu est diffus\u00e9 \u00e0 partir du serveur CloudFront le plus proche de l&#039;emplacement de la demande. Mais vous devez d&#039;abord configurer votre site dans Amazon S3. Ce didacticiel explique comment configurer Amazon S3 pour h\u00e9berger un site Web. comment configurer CloudFront comme proxy de distribution de contenu pour le site Web et comment configurer un certificat SSL pour ce contenu.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce que vous apprendrez :<\/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\">Pourquoi utiliser Amazon S3 et CloudFront<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Facilit\u00e9 d&#039;utilisation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Je suis d\u00e9sol\u00e9, mais c&#039;\u00e9tait cens\u00e9 \u00eatre ironique. L&#039;h\u00e9bergement WordPress est bien plus simple sur presque toutes les autres plateformes\u00a0!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Co\u00fbt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La plupart des soci\u00e9t\u00e9s d&#039;h\u00e9bergement Web facturent des frais r\u00e9guliers bas\u00e9s sur l&#039;espace ou les inodes (le nombre d&#039;objets servis). Amazon facture les donn\u00e9es transf\u00e9r\u00e9es, ce qui les rend moins ch\u00e8res que la plupart des soci\u00e9t\u00e9s d&#039;h\u00e9bergement Web pour certains types de contenu, en particulier les panoramas o\u00f9 le volume est \u00e9lev\u00e9 et le nombre d&#039;objets servis se chiffre en milliers pour un seul panorama.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ce qui se passe en anglais simple<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si nous d\u00e9crivons un site Web dans les termes les plus simples possibles, il se compose d\u2019un ensemble de pages, souvent li\u00e9es entre elles, contenant du texte et des images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site Web le plus simple possible en code ressemble \u00e0 ceci\u00a0:<\/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;Bienvenue sur mon fantastique nouveau site Web !&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Il s&#039;agit du code HTML brut cr\u00e9\u00e9 \u00e0 la main ou g\u00e9n\u00e9r\u00e9 par un syst\u00e8me de gestion de contenu comme WordPress, servi par un serveur Web et converti par le navigateur en quelque chose de plus agr\u00e9able \u00e0 l&#039;\u0153il humain.<\/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\">fig 1 \u2013 Code HTML converti par un navigateur Web<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tous les sites Web fonctionnent de cette mani\u00e8re. Le serveur fournit un code au format HTML, le navigateur interpr\u00e8te ce code et le restitue sous forme de page visuelle. Les panoramas fonctionnent exactement de la m\u00eame mani\u00e8re, l&#039;image d&#039;origine est divis\u00e9e en tuiles et \u00ab envelopp\u00e9e \u00bb dans un cadre HTML 5 qui est en fait un site Web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsque vous installez du code sur Amazon S3, Amazon fournit le serveur Web et diffuse ce contenu en r\u00e9ponse \u00e0 une demande d&#039;un navigateur. Le nom de domaine (domaine lisible par l&#039;homme tel que mygreatcompany.com) est traduit en une r\u00e9f\u00e9rence \u00e0 votre espace sur le serveur Amazon dans votre enregistrement DNS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez un site Web complexe avec beaucoup de contenu lu par des internautes du monde entier, il est judicieux d&#039;utiliser un r\u00e9seau de distribution de contenu (CDN) comme proxy pour diffuser ce contenu \u00e0 partir d&#039;un n\u0153ud proche de l&#039;origine de la requ\u00eate. Si j&#039;ai une audience \u00e0 San Francisco par exemple et que je suis bas\u00e9 en Espagne, mes pages Web mettront plus de temps \u00e0 atteindre San Francisco depuis l&#039;Europe que depuis un serveur aux \u00c9tats-Unis. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous utiliserons Amazon Cloudfront comme proxy pour diffuser notre contenu sans que la requ\u00eate ne passe par notre installation S3. Cloudfront actualise p\u00e9riodiquement son cache \u00e0 partir de l&#039;installation S3 afin de maintenir le contenu \u00e0 jour.<\/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>Seau<\/strong> \u2013 Il s\u2019agit de votre espace Web. Vous pouvez cr\u00e9er plusieurs compartiments \u00e0 des fins diff\u00e9rentes, mais pour cr\u00e9er un site Web simple ou proposer un panorama, nous n\u2019en avons besoin que d\u2019un seul.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objet<\/strong> \u2013 dans le monde d\u2019Amazon, tout est un objet, y compris votre bucket.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Point final<\/strong> \u2013 URL<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le tableau de bord S3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La premi\u00e8re t\u00e2che consiste \u00e0 cr\u00e9er un compte sur Amazon. N&#039;utilisez pas votre identifiant d&#039;achat, cr\u00e9ez-en un nouveau sp\u00e9cialement pour utiliser les services techniques d&#039;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\">fig 2 \u2013 Site Web Amazon S3<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Ouvrir le <a href=\"https:\/\/aws.amazon.com\/s3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Site Web Amazon S3<\/a> dans votre navigateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur le bouton Commencer.<\/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\">figure 3<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9ez un nouveau compte. Vous devrez passer par plusieurs \u00e9tapes de v\u00e9rification d&#039;identit\u00e9, alors ayez votre t\u00e9l\u00e9phone portable \u00e0 port\u00e9e de main et un client de messagerie.<\/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\">figure 4<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois votre compte cr\u00e9\u00e9, connectez-vous \u00e0 la console. Assurez-vous de s\u00e9lectionner l&#039;utilisateur Root.<\/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\">figure 5<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il s&#039;agit de la console Web. Cliquez sur S3 dans la section R\u00e9cemment visit\u00e9.<\/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\">figure 6<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur <strong>Cr\u00e9er un bucket<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cr\u00e9er un bucket pour le contenu<\/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\">figure 7<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette page contient plusieurs param\u00e8tres importants que vous devez remplir soigneusement.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configuration g\u00e9n\u00e9rale<\/li>\n\n\n\n<li>Bloquer l&#039;acc\u00e8s public<\/li>\n\n\n\n<li>Gestion des versions de buckets<\/li>\n\n\n\n<li>Cryptage par d\u00e9faut<\/li>\n\n\n\n<li>Param\u00e8tres avanc\u00e9s<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">sont ceux dont il faut se m\u00e9fier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nom du bucket \u2013 utilisez quelque chose de simple et reconnaissable. Consid\u00e9rez-le comme un nom de r\u00e9pertoire. Choisissez une r\u00e9gion AWS adapt\u00e9e \u00e0 votre emplacement.<\/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\">figure 8<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En faisant d\u00e9filer la page, laissez <strong>ACL d\u00e9sactiv\u00e9s<\/strong> dans Propri\u00e9t\u00e9 de l&#039;objet, d\u00e9sactiver <strong>Bloquer l&#039;acc\u00e8s public<\/strong> et cochez l\u2019avertissement \u00ab D\u00e9sactiver le blocage de tout acc\u00e8s public \u00bb \u2013 vous voulez que les gens voient le site Web. <strong>Gestion des versions de buckets<\/strong> reste d\u00e9sactiv\u00e9 pour nos besoins comme le fait <strong>Cryptage par d\u00e9faut<\/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\">figure 9<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dans les param\u00e8tres avanc\u00e9s, v\u00e9rifiez que le verrouillage des objets est d\u00e9sactiv\u00e9<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez maintenant sur <strong>Cr\u00e9er un bucket<\/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\">figure 10<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous serez redirig\u00e9 vers un \u00e9cran similaire \u00e0 celui ci-dessus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maintenant que vous avez votre bucket, nous pouvons d\u00e9finir des autorisations et le remplir de contenu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">D\u00e9finition des autorisations pour l&#039;h\u00e9bergement Web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous remarquerez sur l&#039;image ci-dessus qu&#039;il est indiqu\u00e9 \u00ab Les objets peuvent \u00eatre publics \u00bb sous la colonne d&#039;acc\u00e8s. Le param\u00e8tre par d\u00e9faut est qu&#039;ils ne sont pas publics, nous devons donc modifier cela.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur le nom de votre bucket. Et choisissez \u00ab<strong>P<\/strong>\u00ab propri\u00e9t\u00e9s \u00bb dans l\u2019\u00e9cran suivant.<\/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\">figure 11<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Faites d\u00e9filer cette page vers le bas et vous verrez <strong>H\u00e9bergement de sites Web statiques<\/strong> \u2013 cliquez sur <strong>Modifier<\/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\">figure 12<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous verrez ce dialogue<\/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\">figure 13<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Activer<\/strong> H\u00e9bergement de site Web statique et assurez-vous que le type d&#039;h\u00e9bergement est d\u00e9fini sur <strong>H\u00e9berger un site Web statique<\/strong>. D\u00e9finissez le document d&#039;index sur <strong>index.html<\/strong> puis enregistrez vos modifications. Vous serez renvoy\u00e9 vers la page Propri\u00e9t\u00e9s du bucket et si vous faites d\u00e9filer vers le bas, vous verrez que l&#039;h\u00e9bergement de site Web statique est activ\u00e9 et qu&#039;un <strong>point final<\/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\">figure 14<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Point de terminaison du site Web Bucket<\/strong> est l&#039;URL qui identifie votre bucket dans l&#039;univers Amazon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La t\u00e2che suivante consiste \u00e0 d\u00e9finir explicitement votre politique d&#039;acc\u00e8s. Cliquez sur <b>Autorisations<\/b> le menu principal.<\/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\">figure 15<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Nous allons fournir une politique dans la fen\u00eatre Politique de compartiment. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Presse &quot;<strong>Modifier<\/strong>&quot; en face de la <strong>Politique de compartiment<\/strong>. Nous devons fournir une politique qui permet \u00e0 tout membre du public de charger n&#039;importe quel objet (page ou image) contenu dans le bucket. C&#039;est le code dont vous aurez besoin. Ne modifiez pas la date, elle indique une version \u00e0 Amazon. La derni\u00e8re ligne doit \u00eatre modifi\u00e9e : elle doit correspondre \u00e0 votre propre ARN Bucket.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>{ &quot;Version&quot;: &quot;2012-10-17&quot;, &quot;D\u00e9claration&quot;: [ { &quot;Sid&quot;: &quot;PublicReadGetObject&quot;, &quot;Effet&quot;: &quot;Autoriser&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\">L&#039;ARN du Bucket est affich\u00e9 dans l&#039;\u00e9cran d&#039;\u00e9dition, juste au-dessus de la fen\u00eatre.<\/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\">figure 16<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Enregistrez vos modifications. Si vous obtenez une erreur, il s\u2019agit probablement du nom de l\u2019ARN. Cette ligne doit correspondre exactement \u00e0 votre propre ARN.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">T\u00e9l\u00e9chargement de votre site Web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez d\u00e9sormais t\u00e9l\u00e9charger votre contenu dans le bucket\u00a0!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En utilisant le fil d&#039;Ariane en haut de l&#039;\u00e9cran, revenez \u00e0 votre panier. <\/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\">figure 17<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur le <strong>T\u00e9l\u00e9charger<\/strong> bouton.<\/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\">figure 18<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez ajouter des fichiers ou des dossiers ici. J&#039;utilise la zone Glisser-d\u00e9poser car je n&#039;ai qu&#039;un seul fichier dans cet exemple. Notez que m\u00eame si le nom du fichier appara\u00eet dans la liste, il n&#039;est pas t\u00e9l\u00e9charg\u00e9 tant que vous n&#039;avez pas appuy\u00e9 sur le bouton T\u00e9l\u00e9charger !<\/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\">figure 19<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous devriez maintenant avoir un site Web ou un panorama, pr\u00eat \u00e0 \u00eatre servi par AWS. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Essai<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pour tester, revenez \u00e0 l\u2019\u00e9cran des propri\u00e9t\u00e9s, faites d\u00e9filer jusqu\u2019\u00e0 l\u2019h\u00e9bergement de site Web statique et cliquez sur l\u2019URL. Si tous les param\u00e8tres sont corrects, il devrait s\u2019afficher dans votre navigateur.<\/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\">figure 20<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Mise \u00e0 jour de votre enregistrement DNS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vous ne souhaiterez probablement pas utiliser l&#039;URL au format Amazon si vous poss\u00e9dez d\u00e9j\u00e0 un domaine. Pour utiliser votre propre domaine, vous devez modifier un param\u00e8tre DNS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il existe deux types de param\u00e8tres qui indiquent les points de terminaison dans votre DNS. Il s&#039;agit des enregistrements A et des enregistrements CNAME. L&#039;enregistrement A pointe vers une adresse IP. L&#039;enregistrement CNAME est utilis\u00e9 pour fournir des alias pour l&#039;enregistrement A et peut pointer vers un autre serveur. Les exemples les plus connus sont <em>mail.votredomaine.com<\/em> et <em>ftp.votredomaine.com<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous devons configurer un sous-domaine portant le m\u00eame nom que votre bucket, puis fournir l&#039;URL g\u00e9n\u00e9r\u00e9e par Amazon comme destination.<\/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\">figure 21<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cr\u00e9ez donc un nouvel enregistrement CNAME. Certains h\u00e9bergeurs diff\u00e8rent sur la mani\u00e8re de proc\u00e9der. Si vous saisissez le nom de votre bucket comme nom, CNAME comme type et votre URL Amazon comme valeur d&#039;enregistrement, le syst\u00e8me supprimera le reste de votre domaine dans le champ Nom. Cet enregistrement doit rediriger les requ\u00eates vers le sous-domaine vers Amazon. Les modifications DNS peuvent prendre un certain temps, d&#039;apr\u00e8s mon exp\u00e9rience, entre un instant et un jour, pour \u00eatre appliqu\u00e9es, donc cela peut ne pas fonctionner imm\u00e9diatement. Testez avec votre nouvelle URL, par exemple <em><strong>http:\/\/bucketname.yourdomain.com<\/strong><\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S&#039;il s&#039;agit de l&#039;int\u00e9gralit\u00e9 du site Web que vous h\u00e9bergez sur Amazon, vous devez effectuer une redirection.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Front de nuage<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cloudfront est le r\u00e9seau de distribution de contenu d&#039;Amazon et si votre site contient beaucoup de contenu susceptible d&#039;int\u00e9resser un public mondial, il peut \u00eatre judicieux d&#039;utiliser le CDN pour mettre en cache du contenu dans diff\u00e9rents emplacements plus proches de votre public.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aller \u00e0 la <strong>Services<\/strong> en haut \u00e0 gauche de votre \u00e9cran Amazon et choisissez Cloudfront dans le menu d\u00e9roulant. Si ce n&#039;est pas le cas, tapez simplement <strong>Front de nuage<\/strong> dans la zone de recherche.<\/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\">figure 22<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9capitulatif en anglais simple<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 ce stade, vous avez cr\u00e9\u00e9 votre site Web dans Amazon S3. Si votre public est g\u00e9ographiquement \u00e9loign\u00e9 de l&#039;h\u00e9bergement de votre site (vous avez choisi la g\u00e9ographie de l&#039;h\u00f4te au d\u00e9but du processus S3), vous pouvez b\u00e9n\u00e9ficier de l&#039;utilisation d&#039;un CDN.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Mise en garde<\/strong> \u2013 si votre trafic est faible, un CDN peut en fait provoquer un d\u00e9calage car le contenu conserv\u00e9 dans le cache expire entre les requ\u00eates des utilisateurs. Dans ce cas, le CDN doit revenir \u00e0 S3 pour r\u00e9cup\u00e9rer le contenu, ce qui vous permet d&#039;ajouter une deuxi\u00e8me it\u00e9ration au processus de requ\u00eate\/diffusion.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Terminologie<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Distribution \u2013 Une distribution repr\u00e9sente votre partie du cache CDN. Elle est mapp\u00e9e sur votre compartiment Amazon S3.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cr\u00e9er une distribution<\/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\">figure 23<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dans CloudFront, cliquez sur le <strong>Cr\u00e9er une distribution CloudFront<\/strong> bouton.<\/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\">figure 24<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Vous serez redirig\u00e9 vers un tr\u00e8s long formulaire que nous allons parcourir section par section.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Domaine d&#039;origine<\/strong> peut \u00eatre s\u00e9lectionn\u00e9 dans la liste d\u00e9roulante de ce champ. D\u00e9placez simplement votre curseur vers le champ vide et cliquez. Cela affichera les buckets que vous avez cr\u00e9\u00e9s.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Chemin d&#039;origine<\/strong> ne doit \u00eatre rempli que si votre contenu se trouve dans un sous-r\u00e9pertoire du bucket. Par exemple, si votre bucket contient un seul fichier appel\u00e9 index.html, laissez ce champ vide. S&#039;il contient un r\u00e9pertoire au niveau sup\u00e9rieur, contenant votre index.html, saisissez le nom du r\u00e9pertoire ici.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ignorer <strong>Ajouter un en-t\u00eate personnalis\u00e9<\/strong> et partir <strong>Activer le bouclier d&#039;origine<\/strong> d\u00e9sactiv\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La section suivante est <strong>Comportement du cache par d\u00e9faut<\/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\">figure 25<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Politique du protocole de visualisation<\/strong> devrait \u00eatre r\u00e9gl\u00e9 sur <strong>Rediriger HTTP vers HTTPS<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>M\u00e9thodes HTTP autoris\u00e9es<\/strong> devrait \u00eatre GET, HEAD<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Restreindre l&#039;acc\u00e8s des spectateurs<\/strong> doit \u00eatre d\u00e9fini sur Oui si vous \u00eates s\u00fbr que tous les spectateurs doivent passer par CloudFront.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Faites d\u00e9filer vers le bas pour <strong>Param\u00e8tres<\/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\">figure 26<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Choisissez votre <strong>Cat\u00e9gorie de prix<\/strong> \u2013 cela devrait \u00eatre intuitif, le premier est le plus cher.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cliquez sur <strong>Demande de certificat<\/strong> pour obtenir un nouveau certificat SSL.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les noms de domaine alternatifs doivent inclure toutes les variantes que vous pourriez avoir besoin de s\u00e9curiser. Par exemple <strong><em>bucketname.votredomaine.com<\/em><\/strong>, <strong><em>*.bucketname.votredomaine.com<\/em><\/strong> s\u00e9curiserait tout sous-r\u00e9pertoire cr\u00e9\u00e9 sous <strong><em>bucketname.votredomaine.com<\/em><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Objet racine par d\u00e9faut<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Entrer <strong>index.html<\/strong> comme nom de l&#039;objet racine (afin que les utilisateurs n&#039;aient pas \u00e0 l&#039;inclure dans l&#039;URL).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Configuration d&#039;un certificat SSL<\/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\">figure 27<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">La demande d&#039;un certificat SSL est simple. Pour plus de clart\u00e9, ce certificat crypte le trafic entre le navigateur et Cloudfront. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Choisissez le certificat public et dans l&#039;\u00e9cran suivant, la validation DNS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le syst\u00e8me vous fournira ensuite les donn\u00e9es dont vous avez besoin pour cr\u00e9er un nouvel enregistrement CNAME. Il s&#039;agit simplement de valider votre propri\u00e9t\u00e9 du domaine et cela para\u00eetra tr\u00e8s obscur. Copiez-le et collez-le dans vos param\u00e8tres DNS comme indiqu\u00e9.<\/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\">figure 28<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois le DNS propag\u00e9, le syst\u00e8me validera votre certificat SSL. Le mien a pris environ 5 secondes, mais selon l&#039;emplacement o\u00f9 votre DNS est configur\u00e9, cela peut prendre jusqu&#039;\u00e0 quelques jours.<\/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\">figure 29<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois le certificat \u00e9mis, la distribution peut \u00eatre publi\u00e9e. CloudFront vous fournira une nouvelle URL se terminant par <strong>cloudfront.net<\/strong> cela doit remplacer la valeur S3 dans votre DNS existant.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mise \u00e0 jour de votre enregistrement DNS (encore une fois)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Acc\u00e9dez \u00e0 l&#039;enregistrement CNAME que vous avez cr\u00e9\u00e9 dans la configuration S3 et remplacez la valeur cloudfront.net par la valeur S3 de votre sous-domaine. Cela a pour effet de pointer toutes les demandes pour <strong>bucketname.votredomaine.com<\/strong> vers Cloudfront au lieu de S3. Vous avez d\u00e9j\u00e0 indiqu\u00e9 \u00e0 CloudFront les d\u00e9tails de votre bucket afin qu&#039;il s&#039;active et remplisse le cache et diffuse votre contenu \u00e0 partir de l\u00e0 au lieu de S3.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Configurer un site Web avec Amazon S3 et CloudFront est en fait assez simple une fois que vous connaissez la terminologie. Nous avons utilis\u00e9 ici un exemple trivial, mais les \u00e9tapes pour d\u00e9ployer un site Web plus complexe ou un panorama avec un wrapper HTML 5 sont identiques.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Et si vous utilisez d\u00e9j\u00e0 un CDN ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous utilisez d\u00e9j\u00e0 un CDN mais que vous souhaitez utiliser Amazon S3 pour h\u00e9berger des m\u00e9dias volumineux, vous pouvez cr\u00e9er l&#039;enregistrement CNAME dans les param\u00e8tres DNS de votre CDN. N&#039;oubliez pas que lorsque vous configurez un CDN avec un h\u00e9bergeur Web conventionnel, vous \u00e9changez g\u00e9n\u00e9ralement les serveurs de noms avec ceux du CDN et que la modification des enregistrements DNS au niveau de l&#039;h\u00e9bergement ne fonctionnera pas. Effectuez plut\u00f4t le m\u00eame processus au niveau du CDN.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voici un lien vers <a href=\"https:\/\/bit.ly\/3P5w58Y\" target=\"_blank\" rel=\"noopener\">un panorama<\/a> J&#039;ai pr\u00e9par\u00e9 une s\u00e9rie d&#039;enregistrements de la vall\u00e9e de Lecrin, au sud de Grenade. J&#039;ai utilis\u00e9 S3 et CloudFront exactement comme je l&#039;ai indiqu\u00e9 ici, le site Web est h\u00e9berg\u00e9 s\u00e9par\u00e9ment des panoramas et j&#039;utilise Quic.cloud comme CDN pour le site Web et CloudFront pour servir les panoramas. Toutes les modifications DNS ont donc \u00e9t\u00e9 effectu\u00e9es dans Quic.cloud. Le fichier original pour un seul panorama fait environ 850 Mo. Il est presque impossible de le servir en utilisant des serveurs http conventionnels. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La mise en place d&#039;un site Web avec Amazon S3 et CloudFront est certainement une t\u00e2che r\u00e9serv\u00e9e aux techniciens comp\u00e9tents. Elle n&#039;est pas du tout adapt\u00e9e aux petits sites Web faciles \u00e0 entretenir. Cependant, elle fonctionne tr\u00e8s bien pour le cas d&#039;utilisation de la diffusion de m\u00e9dias volumineux tels que des panoramas en gigapixels. <\/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\">Nom<\/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\">Courriel<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\">Courriel<input class=\"kadence-blocks-field verify\" type=\"text\" name=\"_kb_verify_email\" autocomplete=\"new-password\" aria-hidden=\"true\" placeholder=\"Courriel\" 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\">Soumettre<\/button><\/div><input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form><\/div>\n<noscript><div class=\"kadence-blocks-form-message kadence-blocks-form-warning\">Veuillez activer JavaScript dans votre navigateur pour envoyer le formulaire.<\/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\">S'abonner...<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Je vous tiendrai au courant avec des mises \u00e0 jour mensuelles r\u00e9guli\u00e8res sur les ateliers, les cours, les guides et les revues.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inscrivez-vous ici et obtenez des tarifs sp\u00e9ciaux sur tous les cours et promenades photo en 2026<\/p>\n<\/div><\/div>\n\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Cet article concerne simplement l&#039;h\u00e9bergement. Pour plus d&#039;informations sur l&#039;art de cr\u00e9er des panoramas et la photographie \u00e0 360\u00b0, consultez ces articles\u00a0: Le guide ultime de la photographie panoramique, Base de nivellement pour la photographie panoramique, Le guide ultime de la photographie \u00e0 360\u00b0 Meilleur logiciel pour la photographie \u00e0 360\u00b0 Configuration d&#039;un serveur Web sur Amazon S3 et utilisation de Cloudfront pour mettre en cache le contenu\u2026<\/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\/fr\/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\/fr\/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\/fr\/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=\" Courriel\" data-tooltip=\" Email\" href=\"mailto:?subject=Ultimate Guide to Hosting Gigapixel Panoramas&#038;body=https:\/\/chriswright.photography\/fr\/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\/fr\/author\/chrischrisgwright-org\/"},"comment_info":3,"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\/fr\/wp-json\/wp\/v2\/posts\/2723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/comments?post=2723"}],"version-history":[{"count":12,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/posts\/2723\/revisions"}],"predecessor-version":[{"id":7994,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/posts\/2723\/revisions\/7994"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/media\/2764"}],"wp:attachment":[{"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/media?parent=2723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/categories?post=2723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chriswright.photography\/fr\/wp-json\/wp\/v2\/tags?post=2723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}