Didacticiel : configuration d'un site web statique sur Amazon S3

Important

Amazon S3 applique désormais le chiffrement côté serveur avec les clés gérées par Amazon S3 (SSE-S3) comme niveau de base du chiffrement pour chaque compartiment d'Amazon S3. À partir du 5 janvier 2023, tous les nouveaux chargements d'objets sur Amazon S3 sont automatiquement chiffrés, sans coût supplémentaire et sans impact sur les performances. L'état du chiffrement automatique pour la configuration de chiffrement par défaut du compartiment S3 et pour le téléchargement de nouveaux objets est disponible dans AWS CloudTrail les journaux, S3 Inventory, S3 Storage Lens, la console Amazon S3 et sous forme d'en-tête de réponse d'API Amazon S3 supplémentaire dans les AWS SDK AWS Command Line Interface et. Pour plus d'informations, consultez la FAQ sur le chiffrement par défaut.

Vous pouvez configurer un compartiment Amazon S3 afin qu'il fonctionne comme un site web. Cet exemple explique les différentes étapes d'hébergement d'un site web sur Amazon S3.

Important

Le didacticiel suivant nécessite la désactivation du blocage de l'accès public. Nous vous recommandons de maintenir activé le blocage de l'accès public. Si vous souhaitez conserver les quatre paramètres de blocage de l'accès public activés et héberger un site Web statique, vous pouvez utiliser le contrôle CloudFront d'accès d'origine (OAC) d'Amazon. Amazon CloudFront fournit les fonctionnalités requises pour configurer un site Web statique sécurisé. Les sites Web statiques Amazon S3 prennent uniquement en charge les points de terminaison HTTP. Amazon CloudFront utilise le stockage durable d'Amazon S3 tout en fournissant des en-têtes de sécurité supplémentaires, tels que HTTPS. HTTPS accroît la sécurité en chiffrant une demande HTTP normale et en offrant une protection contre les cyberattaques courantes. Pour plus d'informations, consultez Getting started with a secure static website in the Amazon CloudFront Developer Guide.

Étape 1 : Créer un compartiment

Les instructions ci-dessous fournissent une vue d'ensemble de la façon de créer vos compartiments pour l'hébergement de site web. Pour obtenir des step-by-step instructions détaillées sur la création d'un bucket, consultezCréer un compartiment.

Pour créer un compartiment

1. Connectez-vous à la console Amazon S3 AWS Management Console et ouvrez-la à l'adresse https://console.aws.amazon.com/s3/.

2. Choisissez Créer un compartiment.

3. Saisissez le Nom du compartiment (par exemple example.com).

4. Choisissez la Région dans laquelle vous souhaitez créer le compartiment.

   Choisissez une Région proche de vous sur le plan géographique afin de limiter la latence et les coûts, ou de répondre aux exigences réglementaires. C'est la Région que vous choisissez qui détermine votre point de terminaison de site web Amazon S3. Pour plus d’informations, consultez Points de terminaison de sites web.

5. Pour accepter les paramètres par défaut et créer le compartiment, choisissez Créer.

Étape 2 : Activer l'hébergement de site web statique

Après avoir créé un compartiment, vous pouvez activer l'hébergement de site web statique pour votre compartiment. Vous pouvez créer un compartiment ou utiliser un compartiment existant.

Pour activer l'hébergement de site Web statique

1. Connectez-vous à la console Amazon S3 AWS Management Console et ouvrez-la à l'adresse https://console.aws.amazon.com/s3/.

2. Dans la liste Buckets (Compartiments), choisissez le nom du compartiment pour lequel vous souhaitez activer l'hébergement de sites web statiques.

3. Choisissez Propriétés.

4. Sous Static website hosting (Hébergement de site Web statique), choisissez Edit (Modifier).

5. Choisissez Utiliser ce compartiment pour héberger un site Web.

6. Sous Static website hosting (Hébergement de site web statique), choisissez Enable (Activer).

7. Dans Index document (Document d'index), entrez le nom du document d'index, généralement index.html.

   Le nom du document d'index est sensible à la casse et doit correspondre exactement au nom de fichier du document d'index HTML que vous prévoyez de charger dans votre compartiment S3. Lorsque vous configurez un compartiment pour l'hébergement d'un site web, vous devez indiquer un document d'index. Amazon S3 renvoie ce document d'index lorsque des demandes sont faites dans le domaine racine ou dans n'importe quel sous-dossier. Pour plus d’informations, consultez Configuration d'un document d'index.

8. Pour fournir votre propre document d'erreur personnalisé pour les erreurs de classe 4XX, entrez le nom du fichier du document d'erreur personnalisé dans Document d'erreur.

   Le nom du document d'erreur est sensible à la casse et doit correspondre exactement au nom de fichier du document d'erreur HTML que vous prévoyez de charger dans votre compartiment S3. Si vous ne spécifiez pas de document d'erreur personnalisé et qu'une erreur se produit, Amazon S3 renvoie un document d'erreur HTML par défaut. Pour plus d’informations, consultez Configuration d'un document d'erreur personnalisé.

9. (Facultatif) Si vous souhaitez spécifier des règles de redirection avancées, décrivez les règles à l'aide du langage JSON dans Redirection rules (Règles de redirection).

   Par exemple, vous pouvez acheminer les demandes de façon conditionnelle en fonction des noms ou préfixes de clés d'objets dans la demande. Pour plus d’informations, consultez Configurer des règles de redirection pour utiliser des redirections conditionnelles avancées.

10. Choisissez Enregistrer les modifications.

    Amazon S3 permet l'hébergement de site web statique pour votre compartiment. Au bas de la page, sous Static website hosting (Hébergement de site Web statique), vous voyez le point de terminaison du site web pour votre compartiment.

11. Sous Static website hosting (Hébergement de site Web statique), notez la valeur de Endpoint (Point de terminaison).

    Endpoint (Point de terminaison) correspond au point de terminaison du site web Amazon S3 de votre compartiment. Une fois que vous avez terminé de configurer votre compartiment en tant que site Web statique, vous pouvez utiliser ce point de terminaison pour tester votre site Web.

Étape 3 : Modifier les paramètres de blocage de l'accès public

Par défaut, Amazon S3 bloque l'accès public à votre compte et à vos compartiments. Si vous souhaitez utiliser un compartiment pour héberger un site web statique, vous pouvez utiliser ces étapes pour modifier vos paramètres de blocage de l'accès public.

Avertissement

Avant de terminer cette étape, revoyez Blocage de l'accès public à votre stockage Amazon S3 pour vous assurer que vous comprenez et acceptez les risques liés à l'autorisation d'accès public. Lorsque vous désactivez les paramètres de blocage de l'accès public pour rendre votre compartiment public, toute personne sur Internet peut accéder à votre compartiment. Nous vous recommandons de bloquer tout accès public à vos compartiments.

1. Ouvrez la console Amazon S3 sur https://console.aws.amazon.com/s3/.

2. Choisissez le nom du compartiment que vous avez configuré en tant que site web statique.

3. Choisissez Permissions.

4. Sous Block public access (bucket settings) (Bloquer l'accès public (paramètres de compartiment)), choisissez Edit (Modifier).

5. Effacez Block all public access (Bloquer tous les accès publics) et choisissez Enregistrer les modifications.

   Avertissement

   Avant de terminer cette étape, examinez Blocage de l'accès public à votre stockage Amazon S3 pour vous assurer que vous comprenez et acceptez les risques liés à l'autorisation d'accès public. Lorsque vous désactivez les paramètres de blocage de l'accès public pour rendre votre compartiment public, toute personne sur Internet peut accéder à votre compartiment. Nous vous recommandons de bloquer tout accès public à vos compartiments.

   

   Amazon S3 désactive les paramètres de blocage de l'accès public pour votre compartiment. Pour créer un site web public statique, vous devrez peut-être aussi modifier les paramètres de blocage de l'accès public de votre compte avant d'ajouter une stratégie de compartiment. Si les paramètres du compte pour la fonctionnalité de blocage de l'accès public sont actuellement activés, une note s'affiche sous Block public access (bucket settings) (Bloquer l'accès public (paramètres de compartiment)).

Étape 4 : Ajouter une stratégie de compartiment visant à rendre disponible publiquement le contenu de votre compartiment

Après avoir modifié les paramètres de blocage de l'accès public S3, vous devez ajouter une stratégie de compartiment pour accorder un accès public en lecture à votre compartiment. Lorsque vous accordez un accès public en lecture, tout le monde sur Internet peut accéder à votre compartiment.

Important

La stratégie suivante est uniquement un exemple et autorise un accès complet au contenu de votre compartiment. Avant d'effectuer cette étape, veuillez consulter Comment assurer la sécurité des fichiers de mon compartiment Amazon S3 ?, pour vous assurer que vous comprenez les bonnes pratiques pour sécuriser les fichiers dans votre compartiment S3 et les risques liés à l'octroi d'un accès public.

1. Dans Compartiments, choisissez le nom de votre compartiment.

2. Choisissez Permissions.

3. Sous Bucket Policy (Stratégie de compartiment), choisissez Edit (Modifier).

4. Pour accorder l'accès public en lecture à votre site web, copiez la stratégie de compartiment suivante et collez-la dans l'Éditeur de stratégie de compartiment.

   {
       "Version": "2012-10-17",
       "Statement": [
           {
               "Sid": "PublicReadGetObject",
               "Effect": "Allow",
               "Principal": "*",
               "Action": [
                   "s3:GetObject"
               ],
               "Resource": [
                   "arn:aws:s3:::Bucket-Name/*"
               ]
           }
       ]
   }

5. Mettez à jour Resource pour inclure le nom de votre compartiment.

   Dans l'exemple précédent de stratégie de compartiment, Bucket-Name est un espace réservé pour le nom du compartiment. Pour utiliser cette stratégie de compartiment avec votre propre compartiment, vous devez mettre à jour ce nom pour qu'il corresponde à celui de votre compartiment.

6. Choisissez Enregistrer les modifications.

   Un message s'affiche indiquant que la stratégie de compartiment a été ajoutée avec succès.

   Si une erreur indique Policy has invalid resource, confirmez que le nom du compartiment dans la stratégie de compartiment correspond au nom de votre compartiment. Pour plus d’informations sur l’ajout d’une politique de compartiment, consultez Comment ajouter une politique de compartiment S3 ?

   Si vous recevez un message d'erreur et que vous ne pouvez pas enregistrer la stratégie de compartiment, vérifiez les paramètres de blocage de l'accès public de votre compte et de votre compartiment pour confirmer que vous autorisez l'accès public au compartiment.

Étape 5 : Configurer un document d'index

Lorsque vous activez l'hébergement de site web statique pour votre compartiment, vous saisissez le nom du document d'index (par exemple, index.html). Après avoir activé l'hébergement de site web statique pour le compartiment, vous téléchargez un fichier HTML avec le nom du document de cet index dans votre compartiment.

Pour configurer le document d'index

1. Créez un fichier index.html.

   Si vous n'avez pas de ficher index.html, vous pouvez utiliser le code HTML suivant pour en créer un :

   <html xmlns="http://www.w3.org/1999/xhtml" >
   <head>
       <title>My Website Home Page</title>
   </head>
   <body>
     <h1>Welcome to my website</h1>
     <p>Now hosted on Amazon S3!</p>
   </body>
   </html>

2. Enregistrez le fichier d'index au niveau local.

   Le nom du fichier du document d'index doit correspondre exactement au nom du document d'index que vous saisissez dans la boîte de dialogue Hébergement de site Web statique . Le nom du document d'index est sensible à la casse. Par exemple, si vous saisissez index.html pour le nom du Document d'index dans la boîte de dialogue Hébergement de site Web statique, le nom du fichier de votre document d'index doit également être index.html et non Index.html.

3. Connectez-vous à la console Amazon S3 AWS Management Console et ouvrez-la à l'adresse https://console.aws.amazon.com/s3/.

4. Dans la liste Buckets (Compartiments), choisissez le nom du compartiment que vous souhaitez utiliser pour héberger un site Web statique.

5. Activez l'hébergement de site Web statique pour votre compartiment et saisissez le nom exact de votre document d'index (par exemple, index.html). Pour plus d’informations, consultez Activation de l'hébergement de sites web.

   Après l'activation de l'hébergement de site web statique, passez à l'étape 6.

6. Pour charger le document d'index dans votre compartiment, effectuez l'une des opérations suivantes :

   • Faites glisser et déposez le fichier d'index dans la liste du compartiment de la console.

   • Choisissez Upload (Charger), puis suivez les instructions pour choisir et charger le fichier d'index.

   Pour step-by-step obtenir des instructions, voirChargement d'objets.

7. (Facultatif) Chargez du contenus d'un autre site Web dans votre compartiment.

Étape 6 : Configurer un document d'erreur

Lorsque vous activez l'hébergement de site Web statique pour votre compartiment, vous entrez le nom du document d'erreur (par exemple, 404.html). Après avoir activé l'hébergement de site web statique pour le compartiment, vous chargez un fichier HTML avec le nom du document d'erreur dans votre compartiment.

Pour configurer un document d'erreur

1. Créez un document d'erreur, par exemple 404.html.

2. Enregistrez le fichier de document d'erreur au niveau local.

   Le nom du document d'erreur est sensible à la casse et doit correspondre exactement au nom que vous saisissez lorsque vous activez l'hébergement de site web statique. Par exemple, si vous entrez 404.html pour le nom du document d'Erreur dans la boîte de dialogue Hébergement de site Web statique, le nom de fichier de votre document d'erreur doit également être 404.html.

3. Connectez-vous à la console Amazon S3 AWS Management Console et ouvrez-la à l'adresse https://console.aws.amazon.com/s3/.

4. Dans la liste Buckets (Compartiments), choisissez le nom du compartiment que vous souhaitez utiliser pour héberger un site Web statique.

5. Activez l'hébergement de site Web statique pour votre compartiment et entrez le nom exact de votre document d'erreur (par exemple, 404.html). Pour plus d’informations, consultez Activation de l'hébergement de sites web et Configuration d'un document d'erreur personnalisé.

   Après l'activation de l'hébergement de site web statique, passez à l'étape 6.

6. Pour charger le document d'erreur dans votre compartiment, effectuez l'une des opérations suivantes :

   • Faites glisser et déposez le fichier du document d'erreur dans la liste des compartiments de la console.

   • Choisissez Upload (Charger), puis suivez les instructions pour choisir et charger le fichier d'index.

   Pour step-by-step obtenir des instructions, voirChargement d'objets.

Étape 7 : Tester le point de terminaison de votre site web

Après avoir configuré l'hébergement de site web statique pour votre compartiment, vous pouvez tester le point de terminaison de votre site Web.

Note

Amazon S3 ne prend pas en charge l'accès HTTPS au site web. Si vous souhaitez utiliser le protocole HTTPS, vous pouvez utiliser Amazon CloudFront pour diffuser un site Web statique hébergé sur Amazon S3.

Pour plus d'informations, consultez Comment utiliser CloudFront pour diffuser un site Web statique hébergé sur Amazon S3 ? et Exiger le protocole HTTPS pour la communication entre les spectateurs et CloudFront.

1. Dans Compartiments, choisissez le nom de votre compartiment.

2. Choisissez Propriétés.

3. Au bas de la page, sous Héberger un site Web statique, choisissez le Point de terminaison du site Web du compartiment.

   Le document d'index s'ouvre dans une autre fenêtre du navigateur.

Vous avez désormais un site web hébergé sur Amazon S3. Ce site web est accessible au niveau du point de terminaison du site web Amazon S3. Néanmoins, vous devez avoir un domaine, de type example.com, pour proposer le contenu à partir du site web que vous avez créé. Vous pouvez également vouloir utiliser le domaine racine Amazon S3 pour traiter les demandes concernant http://www.example.com et http://example.com. Cela nécessite des étapes supplémentaires. Pour voir un exemple, consultez Tutoriel : configuration d'un site Web statique à l'aide d'un domaine personnalisé enregistré auprès de Route 53.

Étape 8 : Nettoyage

Si vous avez créé votre site web statique comme un simple exercice d'apprentissage, supprimez les ressources AWS que vous avez allouées afin de ne plus accumuler de frais. Une fois que vous avez supprimé vos AWS ressources, votre site Web n'est plus disponible. Pour plus d’informations, consultez Suppression d'un compartiment.