AWS S3 Statique Site Web Hébergement avec AWS CloudFront

AWS S3 Statique Site Web Hébergement avec AWS CloudFront
CloudFront est le service Web fourni par Amazon pour la livraison rapide du contenu sur le Web.
AWS CloudFront est très utile dans la mise en réseau car il accélère la livraison du contenu sur le Web et réduit la latence du réseau. CloudFront est l'un des services AWS les plus utilisés.

Les sites Web statiques et dynamiques peuvent être hébergés via AWS CloudFront. Dans cet article, nous discuterons de la façon d'héberger un site Web statique S3 via AWS CloudFront.

Les étapes suivantes sont impliquées dans le processus d'hébergement d'un site Web statique S3:

  • Créer un seau S3
  • Télécharger des objets dans un godet
  • Créer une distribution CloudFront
  • Ouvrez le site Web statique sur le Web

Comment héberger un site Web statique S3 via CloudFront?

Le processus d'hébergement du site Web statique S3 implique deux des principaux services AWS I.e., AWS S3 et AWS CloudFront.

Étape 1: Créez un seau S3
Tout d'abord, ouvrez le service S3 d'AWS en recherchant le service dans la console de gestion AWS.

Cliquez sur le bouton «Créer un seau» dans l'option de seaux de S3.

Donnez un nom unique dans le monde entier au seau et sélectionnez la région.

Les utilisateurs peuvent ajouter les détails et les exigences tout en créant un seau S3 de leur choix. Ici, nous bloquons tout accès public en marquant l'option.

Étant donné que nous ne voulons pas conserver plusieurs variantes des objets dans le seau, désactivez simplement le versioning du seau.

Enfin, cliquez sur le bouton «Créer un seau», et de cette façon le seau S3 est créé.

Un message de réussite apparaît en haut pour confirmer que le seau a été créé et que le seau nouvellement créé apparaît dans la liste de seaux.

Étape 2: Télécharger des objets dans un seau
Les informations sur le site Web statique doivent être téléchargées comme les objets du seau S3, donc, afin de télécharger les objets dans le seau, cliquez simplement sur le nom du seau, puis cliquez sur le bouton «Télécharger» dans la section Objets.

Après cela, cliquez sur le bouton «Ajouter des fichiers», puis parcourez et sélectionnez les fichiers dans le système qui contiennent le contenu du site Web statique.

Après avoir sélectionné des fichiers dans le système, cliquez sur le bouton «Télécharger».

Le message de réussite indique que les objets sont téléchargés avec succès.

Étape 3: Créez une distribution CloudFront
Maintenant, ouvrez le service AWS CloudFront.

Cliquez sur le bouton «Créer la distribution».

Cliquez sur l'espace donné pour le domaine d'origine. Le nom et l'origine du seau S3 nouvellement créé apparaîtront dans la liste déroulante. Sélectionnez le seau.

Marquez l'option «Redirection HTTP vers HTTP. Configurer d'autres détails.

Après avoir sélectionné les options en fonction du type de site Web à héberger, cliquez sur le bouton «Créer la distribution».

De cette façon, la distribution est créée avec succès.

Il apparaît dans la liste des distributions CloudFront avec l'état affiché comme «activé».

Étape 4: Ouvrez le site Web statique sur le Web
Le nom de domaine donné à la distribution CloudFront est utilisé pour ouvrir le site Web statique sur le Web. Copier le nom de domaine.

Tapez d'abord «https: //», puis collez le nom de domaine copié dans le navigateur Web. Le site Web statique apparaît avec le domaine CloudFront dans le navigateur Web.

Il s'agissait de savoir comment héberger un site Web S3 statique via AWS CloudFront.

Conclusion

L'hébergement d'un site Web statique S3 via AWS CloudFront nécessite de créer un godet S3 et d'y ajouter des objets, de créer une distribution CloudFront en ajoutant l'origine du seau S3 comme domaine d'origine, et en collant le nom de domaine de la distribution Cloudfront créée dans le navigateur Web. Le contenu du site Web statique stocké dans le seau S3 sélectionné apparaît dans l'interface du navigateur Web.