Hébergement d'un site Web statique avec AWS S3

Cet article vous aidera à comprendre l'hébergement d'un site Web statique avec AWS S3 avec l'aide d'une démonstration pratique pour prendre en charge l'explication théorique

Avec les téléphones mobiles de plus en plus puissants, il suffit de quelques secondes pour prendre une photo et la partager avec d'autres personnes utilisant des sites de médias sociaux comme Facebook, LinkedIn, etc. Ce serait bien si nous pouvions avoir notre propre site Web avec lequel partager notre expérience famille et connaissances. AWS fournit des moyens de créer et d'héberger notre propre site Web. Dans cet article, nous découvrirons comment héberger un site Web statique AWS S3



Les pointeurs suivants seront abordés dans cet article,



Commençons alors,

Différentes approches pour créer un site Web avec AWS

Avec AWS, nous pouvons utiliser les méthodes suivantes pour créer un site Web en fonction des besoins.



AWS Lightsail

Il est destiné au déploiement d'un hébergement de site Web simple à l'aide de WordPress, Joomla, Moodle et autres. Lightsail facilite la création d'un site Web sans connaître les différents services AWS tels que EC2, S3, RDS, etc.

AWS Amplify.

Il vous permet de créer des applications à page unique (SPA). Les SPA téléchargent la page une fois et changent dynamiquement à mesure que l'utilisateur interagit avec l'application sans charger la page encore et encore.

AWS S3

C'est pour un simple hébergement de site Web statique avec de l'audio, de la vidéo et des images. S3 fournit un modèle sans serveur, dans lequel l'utilisateur n'a pas besoin de penser aux serveurs et à l'approvisionnement des ressources. Le fournisseur de cloud mettra automatiquement à l'échelle les ressources selon les besoins. Dans cet article, nous explorerons la manière S3 de créer un site Web statique simple.



Lancement de serveurs virtuels

Le dernier moyen de lancer un serveur virtuel dans le cloud ( AWS EC2 ) puis installez le logiciel requis et gérez-le manuellement. Cette approche est utilisée par les organisations ayant des exigences complexes et un trafic croissant. Avec cette approche, une grande partie du fardeau incombe à l'utilisateur qui crée le site Web. Les utilisateurs doivent être un expert des services AWS tels que EC2, RDS, Route53, EBS, etc.

Avec chacune de ces approches. Il y a un compromis entre la flexibilité et la facilité d'utilisation. Lightsail est facile à utiliser, mais est un peu rigide sur ce qui peut et ne peut pas être fait. D'un autre côté, EC2 offre la flexibilité avec les différents types de serveurs, la mise à l'échelle automatique, etc., mais est un peu difficile à configurer pour ceux qui sont nouveaux sur AWS.

Voyons donc comment utiliser S3 pour atteindre notre objectif,

Création et hébergement d'un site Web statique avec AWS S3

S3 est l'un des services les plus anciens et les plus populaires fournis par AWS avec une haute disponibilité, durabilité, sécurité et évolutivité. S3 peut être utilisé pour stocker la sauvegarde de la base de données, des analyses Big Data, des médias et bien plus encore. Il fournit un mécanisme de stockage d'objets avec une abstraction de buckets, de dossiers et de fichiers. L'abstraction est ce qui rend S3 facile à utiliser.

comment écrire une méthode tostring en java

Avec S3 (un mécanisme de stockage), il n'est pas nécessaire d'effectuer la planification de la capacité et de spécifier la capacité initiale. Au fur et à mesure que nous mettons plus de données et supprimons des données, S3 se rétrécit et se développe automatiquement. S3 fournit différentes classes de stockage pour stocker différents types de données (anciennes / nouvelles, fréquemment / rarement consultées) et les données peuvent être déplacées d'une classe de stockage à une autre à l'aide de S3 Object Life Cycle Management. Ou bien utilisez la hiérarchisation intelligente AWS S3 pour laisser AWS décider du moment où déplacer les données d'une classe de stockage vers une autre. AWS CloudFront qui est un CDN (Content Distribution Network) peut éventuellement être utilisé pour accélérer le chargement du site Web pour l'utilisateur final.

S3 avec le niveau gratuit fournit 5 Go de stockage, 20 000 demandes d’obtention, 2 000 demandes de vente gratuitement chaque mois pendant la première année et au-delà sur un modèle de paiement à l’utilisation. Dans cet article, nous créerions un site Web statique sur S3.

Démo: hébergement d'un site Web statique avec AWS S3

Étape 1: Création d'un compartiment dans S3

Étape 1.1: Aller au S3 Management Console et cliquez sur «Create Bucket».

Démo - Hébergement d

Étape 1.2: Saisissez le nom du compartiment. Notez que le nom du bucket doit être unique. Ajoutez quelque chose à la fin pour obtenir un nom de bucket unique. Sélectionnez la région dans laquelle les données doivent être stockées. Cliquez sur Créer et le bucket doit être créé comme indiqué ci-dessous. Un Bucket est un conteneur pour stocker des dossiers et des fichiers.

Étape 2: octroi des autorisations publiques au compartiment S3

Étape 2.1: Tout dossier / fichier du bucket ne serait visible que par le propriétaire qui l'a créé. Pour un site Web, le Bucket doit avoir un accès public pour que le reste du monde puisse y accéder en tant que page Web. Cliquez sur l'onglet Propriétés, assurez-vous que «Bloquer l'accès public» est sélectionné et cliquez sur le bouton Modifier. Désélectionnez «Bloquer tout accès public» et cliquez sur Enregistrer. Tapez le mot confirmer et cliquez sur le bouton «Confirmer».

Cette étape ne donne pas l'autorisation publique au bucket S3, mais nous permettra de rendre le bucket et son contenu publics ultérieurement lors de l'étape suivante. AWS a introduit ces étapes et ces obstacles supplémentaires, car il y a eu un bon nombre d'incidents où des données sensibles ont été placées dans le compartiment S3 et sans les paramètres appropriés, elles ont été rendues publiques pour que tout le monde puisse accéder aux données sensibles.

Étape 2.2: Il est maintenant temps de rendre public le Bucket. Cliquez sur «Politique du compartiment» et entrez la politique ci-dessous, assurez-vous de changer le nom du compartiment en ce qui a été créé à l'étape 1. Cliquez sur Enregistrer pour rendre le compartiment public. Notez qu'AWS nous informera trois fois que le bucket a été rendu public, juste pour nous assurer que nous ne le rendons pas public accidentellement.

{'Version': '2012-10-17', 'Statement': [{'Sid': 'PublicReadGetObject', 'Effect': 'Allow', 'Principal': '*', 'Action': ['s3 : GetObject '],' Ressource ': [' arn: aws: s3 ::: mon-site-images / * ']}]}

Étape 3: Activation de l'hébergement de site Web statique et téléchargement du site Web sur S3

Étape 3.1: Il est maintenant temps d'activer «l'hébergement de site Web statique» pour S3. Notez que par défaut, il est désactivé. Cliquez sur la carte et sélectionnez «Utiliser ce seau pour héberger un site Web». Entrez le document d'index comme index.html et le document d'erreur comme error.html. Assurez-vous de noter le point de terminaison, il s'agit de l'URL utilisée pour accéder au site Web S3. Cliquez sur Enregistrer.

Notez que «l'hébergement de site Web statique» serait désormais activé. Le document d'index est le HTML par défaut à afficher et le document d'erreur est le HTML à afficher lorsque la page HTML à laquelle nous essayons d'accéder n'est pas là dans S3.

à quoi sert la programmation sas

Étape 3.2: Il est maintenant temps de télécharger les index.html et error.html. Allez dans l'onglet Présentation et cliquez sur Télécharger. Cliquez sur «Ajouter des fichiers» puis sur Télécharger. Les mêmes étapes doivent être répétées pour les pages index.html et error.html.

Voici le contenu de index.html et error.html. Ici, la page Web est simple, mais elle peut être aussi compliquée que possible tant que nous nous en tenons au HTML et au JavaScript. Le JavaScript est exécuté dans le navigateur. Il n'y a pas d'exécution de code côté serveur avec l'hébergement de site Web S3.

index.html Bienvenue dans AWS Training from Edureka error.html Oups! Pas ici.

Étape 4: Accédez à la page Web hébergée dans S3

Étape 4.1: Ouvrez l'URL obtenue à l'étape 5 pour obtenir l'affichage de l'index.html. À la fin de l'URL, tout ce qui se trouve à côté de l'index.html et de la page d'erreur serait affiché. L'URL n'est pas conviviale, une URL conviviale peut être créée à l'aide de AWS Route53 .

Dans ce didacticiel, nous avons examiné les différentes options de configuration d'un site Web à l'aide d'AWS et exploré en détail l'utilisation d'AWS S3 pour créer un site Web. Comme on le voit, S3 est l'une des approches les plus simples pour créer un site Web statique. Avec S3, il n'est pas nécessaire de planifier la capacité car S3 évolue automatiquement, pas besoin de s'inquiéter de la haute disponibilité car S3 offre une disponibilité de 99,99% sur une année donnée.

Si vous avez trouvé cet article utile, vous pouvez également consulter le cours en direct et animé par un instructeur d'Edureka sur , co-créé par des praticiens de l'industrie.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de ce didacticiel AWS EC2 et nous vous répondrons.