Configuration d'un site web statique - Amazon Simple Storage Service

Configuration d'un site web statique

Vous pouvez configurer un compartiment Amazon S3 comme un site Web. Cet exemple explique les différentes étapes d'hébergement d'un site Web sur Amazon S3.

Note

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

Pour de plus amples informations, veuillez consulter Comment utiliser CloudFront pour diffuser un site web statique hébergé sur Amazon S3, ainsi que les informations relatives à l'exigence du protocole HTTPS pour la communication entre les utilisateurs et CloudFront.

É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 instructions pas à pas détaillées sur la création d'un compartiment, veuillez consulter Comment créer un compartiment S3 ? dans le Amazon Simple Storage Service Guide de l'utilisateur de la console.

Pour créer un compartiment

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

  2. Choisissez Créer un compartiment.

  3. Saisissez le Bucket name (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 afin de limiter la latence et les coûts, ou de répondre aux exigences légales. La région que vous choisissez détermine votre point de terminaison de site web Amazon S3. Pour de plus amples 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 à AWS Management Console et ouvrez la console Amazon S3 à l'adresse https://console.aws.amazon.com/s3/.

  2. Dans la liste Bucket name (Nom de compartiment, choisissez le compartiment que vous souhaitez utiliser pour votre site web statique.

  3. Choisissez Propriétés.

  4. Choisissez Hébergement de site Web statique.

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

  6. Entrez le nom de votre document d'index.

    Le nom du document d'index est 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. Pour de plus amples informations, veuillez consulter Configuration d’un document d'index.

  7. (Facultatif) Si vous souhaitez ajouter un document d'erreur personnalisé, dans le champ Error document (Document d'erreur), saisissez le nom clé du document d'erreur (par exemple, error.html).

    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. Pour plus d'informations, consultez (Facultatif) Configuration d'un document d'erreur personnalisé.

  8. (Facultatif) Si vous souhaitez spécifier des règles de redirection avancées, décrivez les règles à l'aide du langage XML dans la zone de texte Edit redirection rules (Modifier les règles de redirection).

    Pour plus d'informations, consultez Configuration des redirections conditionnelles avancées.

  9. 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.

  10. Choisissez Enregistrer.

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

Par défaut, Amazon S3 bloque l'accès publique à 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 Utilisation du blocage de l'accès public 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 d'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 à l'adresse 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. Choisissez Modifier.

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

    Avertissement

    Avant de terminer cette étape, revoyez Utilisation du blocage de l'accès public 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 d'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.

  6. Dans la zone de confirmation, entrez confirm, puis choisissez Confirm (Confirmer).

    Sous S3 buckets (Compartiments S3), l'Access (Accès) de votre compartiment devient Objects can be public (Les objets peuvent être publics). Vous pouvez désormais ajouter une stratégie de compartiment pour rendre les objets du compartiment lisibles publiquement. Si l'Access (Accès) continue de s'afficher comme Bucket and objects not public (Compartiment et objets non publics), vous devrez peut-être modifier les paramètres de blocage de l'accès public pour votre compte avant d'ajouter une stratégie 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 S3 Block Public Access, 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 de réaliser cette étape, consultez Comment puis-je sécuriser les fichiers de mon compartiment Amazon S3 ?, pour vous assurer que vous comprenez les meilleures pratiques pour sécuriser les fichiers dans votre compartiment S3 et les risques liés à l'octroi d'un accès public.

  1. Dans Buckets (Compartiments), choisissez le nom de votre compartiment.

  2. Choisissez Permissions.

  3. Choisissez Stratégie de compartiment.

  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:::example.com/*" ] } ] }
  5. Mettez à jour Resource pour inclure le nom de votre compartiment.

    Dans l'exemple de stratégie de compartiment précédent, example.com est le nom de 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.

    Un avertissement s'affiche et indique que le compartiment a un accès public. Dans Bucket Policy (Stratégie de compartiment), une étiquette Public apparaît.

    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 stratégie de compartiment, consultez Comment puis-je ajouter une stratégie de compartiment S3 ?

    Si vous recevez un avertissement Error - Access denied (Erreur - Accès refusé) et que l’ Buket policy editor (Éditeur de stratégie de compartiment) ne vous permet pas d'enregistrer la stratégie de compartiment, vérifiez vos paramètres d'accès public au niveau du compte et du 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 localement avec le nom exact du document d'index que vous avez saisi lors de l’activation de l'hébergement de site Web statique pour votre compartiment (par exemple, index.html).

    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 à AWS Management Console et ouvrez la console Amazon S3 à 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 de plus amples informations, consultez Activation de l'hébergement de site 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 obtenir des instructions pas à pas, consultez Comment charger des fichiers ou dossiers vers un compartiment Amazon S3 ? dans le Amazon Simple Storage Service Guide de l'utilisateur de la console.

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

Étape 6 : 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 HTTPS, vous pouvez utiliser Amazon CloudFront pour servir un site Web statique hébergé sur Amazon S3.

Pour de plus amples informations, veuillez consulter Comment utiliser CloudFront pour diffuser un site Web statique hébergé sur Amazon S3, ainsi que les informations relatives à l’exigence du protocole HTTPS pour la communication entre les lecteurs et CloudFront.

Pour tester le point de terminaison de votre site Web

Si vous avez noté le point de terminaison de voter site Web lorsque vous avez activé l'hébergement de site Web statique, entrez le point de terminaison du site Web dans votre navigateur pour tester votre site Web. Si votre navigateur affiche votre page index.html, le site Web a été correctement déployé. Pour de plus amples informations, veuillez consulter Points de terminaison de site Web Amazon S3.

Si vous devez obtenir votre point de terminaison de site Web avant d’effectuer le test, procédez comme suit :

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

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

  3. Choisissez Propriétés.

  4. Choisissez Hébergement de site Web statique.

  5. Pour tester votre point de terminaison de site Web, en regard de Endpoint (Point de terminaison), choisissez votre point de terminaison de site Web.

    Si votre navigateur affiche votre page index.html, le site Web a été correctement déployé.

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 utiliser la prise en charge des domaines racines Amazon S3 pour traiter les demandes concernant http://www.example.com et http://example.com. Cela nécessite des étapes supplémentaires. Pour obtenir un exemple, consultez Configuration d'un site web statique à l'aide d'un domaine personnalisé enregistré avec Route 53.

Étape 7 : nettoyer

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 ressources AWS, votre site web n'est plus disponible. Pour plus d'informations, consultez Comment supprimer un compartiment S3 ? dans le Amazon Simple Storage Service Guide de l'utilisateur de la console.