Comment héberger un site Web statique sur AWS S3

AWS S3 signifie Amazon Simple Storage Service. Il s'agit d'un service de stockage basé sur le cloud qui peut évoluer à une taille énorme et fournir des performances, une disponibilité, une fiabilité et une sécurité élevées. Il s'agit d'un remplacement très rentable et sécurisé pour votre centre de données local. Les données sont stockées sur les serveurs cloud sont accessibles via d'autres applications Web et sites Web à l'échelle mondiale.

Outre les fonctionnalités de stockage de données, le seau AWS S3 fournit une fonctionnalité remarquable de l'hébergement de sites Web statiques.

Un site Web qui n'implique pas la communication côté serveur s'appelle un site Web statique. Dans ce guide, nous discuterons d'une procédure étape par étape pour héberger un site Web statique sur le seau AWS S3.

Créez un seau S3 sur AWS

La première étape pour héberger un site Web statique sur AWS S3 est de créer un seau S3 dans votre compte. Après avoir créé le seau, nous téléchargerons le contenu et les fichiers du site Web dans notre seau. Le contenu du site Web se verra alors attribuer des autorisations spécifiques pour être accessibles au public.

Connectez-vous à votre console de gestion AWS et accédez à la barre de recherche et recherchez S3 là. Cela vous mènera à votre tableau de bord S3:

Cliquez sur Créer un seau dans le coin droit de la console S3:

Ensuite, vous devez fournir votre nom de seau S3, la région où vous souhaitez que votre seau soit créé, puis configurez la sécurité et le paramètre de confidentialité de votre seau:

Entrez le nom du seau, essayez de le faire ressembler à votre domaine. Le nom du seau doit être unique pour tous les comptes AWS du monde entier:

Sélectionnez la région dans laquelle le seau S3 sera créé. Essayez de sélectionner une région près du public qui accédera au site Web:

Puisque nous voulions que le site Web soit accessible au public, nous avons dû accorder au public l'accès aux objets de ce seau S3. Pour cela, décochez la case Block All Public Access dans la section «Bloquer le paramètre d'accès public pour ce seau»:

Après avoir configuré les paramètres d'accès public, une section semblera reconnaître le seau S3 et son contenu étant rendu public. Cochez la case pour le reconnaître:

Maintenant, vous avez fini de configurer votre seau, de laisser d'autres options et paramètres tels quels, et cliquez simplement sur le Créer un seau bouton dans le coin inférieur droit:

Si le nom de godet que vous avez spécifié est unique, le seau S3 sera créé. Sinon, vous obtiendrez une erreur et vous devez changer le nom du seau.

Téléchargez votre site Web sur le seau S3

Après avoir créé le seau S3, il est temps de télécharger le contenu du site Web dans le seau S3. Dans la console S3, sélectionnez le seau S3 que vous venez de créer:

Aller au Objets Section, puis cliquez sur le bouton Télécharger. Maintenant, parcourez votre système pour le répertoire que vous souhaitez télécharger dans le seau S3. Sélectionnez le répertoire du site Web statique et téléchargez-le dans le seau S3:

Le téléchargement du contenu du site statique peut prendre un certain temps en fonction de la taille du dossier:

Après un téléchargement réussi, cliquez sur le coin droit. Vous serez dirigé vers la section objet.

Configuration de l'hébergement Web statique dans le seau S3

Après avoir téléchargé le contenu du site statique, activez l'hébergement sur votre seau S3. Afin d'autoriser l'hébergement de site Web statique sur votre seau S3, accédez à l'onglet Propriétés du menu supérieur du seau S3:

Faites défiler vers le bas dans l'onglet Propriétés et recherchez la section d'hébergement du site Web statique:

Cliquez sur le bouton Modifier dans la section d'hébergement du site Web statique et activez l'hébergement:

Après avoir activé l'hébergement de site Web statique, spécifiez le fichier d'index de votre projet (la page d'ouverture de votre site Web ou de votre application Web). Dans ce cas, c'est l'index.HTML:

De plus, s'il existe un fichier d'erreur dans votre projet, vous devez le spécifier dans le champ Document d'erreur. Cela apparaîtra au cas où votre page Web réelle ne serait pas accessible. Maintenant. clique sur le Sauvegarder les modifications bouton pour appliquer les modifications à votre seau S3:

Maintenant, notre seau S3 héberge le contenu du site Web téléchargé et est accessible au public. Afin d'accéder au site Web, nous avons besoin d'une URL publique que Aws lui-même fournit. Cette URL peut être vue dans la section d'hébergement du site Web statique du seau S3:

Accédez à l'URL fournie par S3, et le site Web ne sera pas accessible parce que nous avons rendu le seau S3 public, mais les objets à l'intérieur du seau S3 ne sont pas encore publics:

Ce problème peut être résolu en utilisant les politiques de seau S3.

Configuration des autorisations dans le seau S3

Pour rendre notre contenu accessible publiquement, nous devons ajouter une politique de seau pour laquelle nous devons aller à l'onglet Autorisations de notre seau S3 pour apporter quelques modifications aux autorisations de notre seau S3:

Maintenant, passez à la section de stratégie de seau et cliquez sur le Modifier bouton:

Collez le JSON suivant dans l'éditeur pour permettre au public de lire les fichiers du seau:

"Version": "2012-10-17",
"Déclaration": [

"Sid": "publicread",
"Effet": "Autoriser",
"Principal": "*",
"Action": [
"S3: getObject",
"S3: getObjectVersion"
]],
"Ressource": "Arn: AWS: S3 ::: Your-S3-BucketName / *"

]]

Assurez-vous de remplacer "Votre nom-bucketname"Avec votre nom de seau S3 dans la politique JSON.

Accéder au site Web via URL

Après avoir configuré les autorisations pour le seau, il est temps d'accéder à la page Web via l'URL. Pour cela, allez au Objets Onglet du seau S3 et accédez au répertoire du site statique:

Recherchez l'index.Fichier HTML dans le dossier, que vous avez défini comme le document d'index pour ce projet. Cliquez sur l'index.Fichier HTML:

Désormais, dans la section Présentation des objets sous l'onglet Propriétés, vous pouvez trouver l'URL du site Web statique:

Accédez à cette URL, et le site Web statique hébergé sur le seau AWS S3 sera accessible via le navigateur:

Conclusion

La création, la gestion et l'hébergement de sites Web et de pages Web et de partager des données publiquement sont très importants et cruciaux car cela fournit le visage public de la plupart des marques et organisations. En regardant cette perspective, AWS a développé une excellente idée pour fournir publiquement une solution facile et simple pour que leurs utilisateurs hébergent du contenu en utilisant le seau S3. Ce guide décrit des étapes simples pour héberger votre site Web statique à l'aide du seau AWS S3. Nous espérons que vous avez trouvé cet article utile. Découvrez d'autres articles sur les conseils pour plus de conseils et de tutoriels.