Le cloud public est un choix courant pour les sites Web et les applications modernes avant l'hébergement privé. Cela est dû à des facteurs tels que la rentabilité et l'évolutivité.

Un site Web statique affiche des fichiers HTML, CSS et JavaScript prédéfinis sur un serveur. Il diffère d'un site Web dynamique qui génère du contenu en fonction des actions ou des préférences de l'utilisateur.

Les plates-formes cloud rendent l'hébergement de sites Web statiques simple et bon marché. Vous pouvez déployer un site Web statique dans le cloud à l'aide du fournisseur de cloud AWS.

Qu'est-ce qu'AWS S3 ?

Amazon Simple Storage Service (S3) est un service de stockage de données proposé par Amazon. Vous pouvez considérer S3 comme une plate-forme Web fournie par Amazon où vous pouvez stocker des fichiers et tout autre type de données dans le cloud.

AWS S3 est l'un des mécanismes de stockage cloud les plus populaires disponibles sur Internet. C'est aujourd'hui la salle de stockage de nombreuses applications Web à petite et grande échelle. Un exemple est Netflix qui y héberge tout son contenu en streaming.

instagram viewer

AWS S3 adopte une architecture de stockage d'objets qui le rend durable, évolutif et hautement disponible pour une utilisation dans n'importe quelle instance. Vous pouvez l'utiliser pour le stockage d'applications Web, la sauvegarde, l'archivage de données, la reprise après sinistre et, ce qui est intéressant, l'hébergement de sites Web.

Qu'est-ce qu'un compartiment S3 ?

Dans AWS S3, les unités de stockage sont de différents types, et le plus basique est l'objet, simplement un fichier. Un compartiment S3 est une collection d'objets de différents types. Vous pouvez imaginer un compartiment S3 comme le dossier racine d'un système entier qui comprend de nombreux fichiers et dossiers de différents types.

Vous pouvez gérer les compartiments S3 de différentes manières. Vous pouvez le faire à partir de la console AWS, via l'AWS CLI, à l'aide du kit SDK AWS et en envoyant ou récupérer des données dans votre application via l'API REST.

S3 est évolutif, de sorte qu'un bucket peut contenir presque tous les fichiers, quels que soient leur type ou leur taille. En fait, un seul objet peut atteindre 5 téraoctets. C'est pourquoi un compartiment S3 convient aux sauvegardes et à la reprise après sinistre.

Les objets stockés dans un compartiment S3 sont généralement accessibles (en lecture seule) via une URL unique pour chaque objet. Vous pouvez également utiliser des compartiments S3 pour l'hébergement Web statique, car ils peuvent servir des objets via HTTP.

Comment pouvez-vous alors utiliser S3, et peut-être en faire votre plate-forme par défaut pour l'hébergement de sites Web statiques ?

Comment créer un compartiment S3 et le configurer pour l'hébergement Web

Voici une procédure étape par étape pour créer et configurer un compartiment Amazon S3. Vous apprendrez également à activer l'hébergement Web statique dans un compartiment.

Pour suivre, vous devez inscription à un compte AWS si vous n'en avez pas déjà un. Pour créer un compartiment S3 pour héberger votre site Web statique, connectez-vous à votre console AWS et suivez les cinq étapes ci-dessous.

  1. Recherchez le service S3 et accédez au tableau de bord S3.
  2. Clique sur le Créer un compartiment bouton pour configurer et créer un nouveau compartiment.
  3. La première chose à faire sur l'écran de configuration du bucket est de donner à votre bucket un nom unique au monde. S3 vous empêchera de créer un compartiment si le nom est déjà pris. Sélectionnez une région préférée pour votre compartiment ou laissez la région sélectionnée par défaut. Laissez également la section "Propriété de l'objet" par défaut.
  4. Pour héberger des sites Web statiques sur S3, vous devez rendre le compartiment accessible au public. Donc, à l'étape suivante, décochez la case Bloquer tous les accès publics option. Reconnaissez ensuite dans l'invite d'avertissement qui s'affiche en dessous que vous acceptez de le rendre public. La gestion des versions du bucket n'est pas requise, vous devez donc la désactiver.
  5. Les 3 dernières étapes ne nécessitent pas nécessairement une action de votre part. Vous pouvez ajouter des balises si vous le souhaitez, comme l'exemple de balise ici qui est "description". Laissez le cryptage par défaut désactivé et cliquez sur le Créer un compartiment bouton pour créer votre nouveau bucket.

L'étape suivante consiste à configurer le nouveau compartiment S3 pour l'hébergement Web statique. Pour ce faire, cliquez sur le nom du compartiment dans le tableau de bord S3 et, sur le nouvel écran qui se charge, accédez au Propriétés languette.

Faites défiler jusqu'à Hébergement de site Web statique section et cliquez sur le Éditer bouton. Cela ouvrira l'écran de configuration de l'hébergement de site Web statique.

Activez-le et laissez le type d'hébergement par défaut. Une note sur cet écran indique: "Pour que vos clients accèdent au contenu au point de terminaison du site Web, vous devez rendre tout votre contenu lisible publiquement…". C'est pourquoi il était nécessaire d'autoriser l'accès public lors de la création du bucket plus tôt.

La Document d'index champ est l'endroit où vous spécifiez le fichier d'index de votre site Web qui est généralement index.html. La Document d'erreur est la page que vous souhaitez afficher chaque fois qu'une erreur se produit, telle que une erreur 404.

Enregistrez les modifications et revenez à l'écran des propriétés. Vous devriez remarquer un nouveau Point de terminaison du site Web du compartiment dans le Hébergement de site Web statique section. Vous pourrez utiliser cette URL pour accéder à votre site Web une fois que vous aurez terminé de le configurer.

Votre compartiment est maintenant configuré et prêt à héberger un site Web statique. Comment alors ajoutez-vous les fichiers de votre site Web au compartiment et affichez-vous votre site Web ?

Comment télécharger des fichiers et des dossiers dans un compartiment S3

Pour héberger votre site Web statique dans le cloud sur S3, vous devez charger vos fichiers et dossiers dans le compartiment S3 configuré. Revenez à l'onglet Objets et cliquez sur l'un des boutons de téléchargement pour télécharger les fichiers de votre site Web.

L'écran suivant vous permet d'ajouter les fichiers et les dossiers que vous souhaitez télécharger dans le compartiment. Assurez-vous d'ajouter ici votre fichier index.html et tous les autres fichiers ou dossiers associés à votre site Web. Les dossiers que vous voudrez peut-être ajouter sont vos dossiers CSS, JavaScript et image.

Vous pouvez ajouter des fichiers et des dossiers soit par glisser-déposer, soit en utilisant le bouton « Ajouter des fichiers » ou « Ajouter des dossiers ». Une fois que vous avez ajouté tous les fichiers et dossiers, cliquez sur le bouton de téléchargement à la fin de l'écran. Attendez que les fichiers soient téléchargés, puis vous pouvez cliquer sur le bouton de fermeture pour revenir à l'écran "Objets".

Comment sécuriser et prévisualiser le site Web déployé

À ce stade, nous avons presque terminé et le site Web est presque prêt à être prévisualisé dans un navigateur. Le site ne peut pas encore s'ouvrir à cause d'Amazon Gestion des identités et des accès politiques qui empêchent l'accès aux ressources d'un bucket.

Vous devez autoriser vous-même l'accès aux ressources du compartiment. Accédez à l'onglet des autorisations sur le tableau de bord du compartiment et modifiez la stratégie du compartiment. Copiez et collez le code ci-dessous et remplacez "website-name" par le nom de votre compartiment.

{
"Version": "2012-10-17",
"Déclaration": [ {
"Sid": "AjouterPerm",
"Effet": "Permettre",
"Directeur": "*",
"Action": "s3:GetObject",
"Ressource": "arn: aws: s3website-name/*"
 } ] 
}

Enregistrez les modifications et revisitez à nouveau l'onglet des propriétés pour obtenir l'URL du site Web à partir de la section du site Web statique. Copiez et collez l'URL dans un navigateur et vous verrez votre site Web statique.

L'hébergement de sites statiques dans le cloud est une alternative plus sécurisée et évolutive à hébergement de sites Web statiques sur des pages Github. Surtout pour les sites avec des fichiers multimédia lourds.

Déploiement de sites Web statiques dans le cloud

Il est assez facile de déployer un site Web statique dans le cloud à l'aide d'AWS S3. Vous devriez envisager d'obtenir un nom de domaine personnalisé pour un site de production final.

Amazon propose son propre service de nom de domaine, Route 53. Vous pouvez également consulter d'autres fournisseurs DNS pour obtenir un nom de domaine de votre choix.

Le cloud est très rentable et facile à utiliser. Envisagez d'en faire votre choix par défaut pour l'hébergement de sites Web statiques.