Démarrage rapide avec les serveurs cloud en utilisant des ressources gratuites : Guide de déploiement de site web statique AWS S3

Les serveurs cloud sont devenus la pierre angulaire du développement et du déploiement d'applications modernes. La maîtrise de l'utilisation des serveurs cloud peut considérablement améliorer votre compétitivité professionnelle. Cet article prendra AWS S3 comme exemple pour expliquer comment utiliser des ressources gratuites, démarrer rapidement avec les serveurs cloud et déployer un site web statique. Nous nous concentrerons sur les opérations pratiques pour vous aider à comprendre les concepts de base des serveurs cloud.

Pourquoi choisir AWS S3 pour déployer un site web statique ?

• Rentabilité élevée : AWS S3 offre un certain espace de stockage et une quantité de transfert de données gratuits, ce qui est tout à fait suffisant pour les projets personnels ou les petits sites web.

• Facile à prendre en main : La configuration et l'opération de S3 sont relativement simples, ce qui le rend très approprié pour les débutants.

• Haute disponibilité et évolutivité : L'infrastructure mondiale fournie par AWS garantit la haute disponibilité et l'évolutivité de S3.

• Forte intégration : S3 peut s'intégrer de manière transparente à d'autres services AWS, tels que CloudFront (CDN) pour accélérer l'accès aux ressources statiques.

Préparatifs

1. Compte AWS : Vous avez besoin d'un compte AWS. Si vous n'en avez pas, vous pouvez en créer un gratuitement sur le site officiel d'AWS. Veuillez noter que l'offre gratuite d'AWS a des limites de temps et de ressources, assurez-vous de consulter les conditions générales.
2. AWS CLI : AWS Command Line Interface (CLI) est un outil de ligne de commande utilisé pour interagir avec les services AWS. L'installation et la configuration d'AWS CLI facilitent la gestion des buckets S3 et des fichiers.
   • Installer AWS CLI : Selon votre système d'exploitation, téléchargez et installez AWS CLI depuis le site officiel d'AWS.
   • Configurer AWS CLI : Une fois l'installation terminée, ouvrez le terminal de ligne de commande, exécutez la commande aws configure et suivez les instructions pour saisir votre AWS Access Key ID, Secret Access Key, région (region) par défaut et format de sortie. Vous pouvez créer un utilisateur et générer une Access Key et une Secret Key dans la console AWS IAM.
3. Fichiers de site web statique : Vous devez préparer vos fichiers de site web statique, tels que HTML, CSS, JavaScript et images, etc. Placez ces fichiers dans un répertoire.

Étape 1 : Créer un bucket S3

1. Se connecter à la console AWS : Connectez-vous à la console AWS avec votre compte AWS.
2. Rechercher S3 : Dans la zone de recherche, saisissez "S3", puis sélectionnez "S3".
3. Créer un bucket : Cliquez sur le bouton "Créer un bucket".
4. Configurer le bucket :
   • Nom du bucket : Saisissez un nom de bucket globalement unique. Le nom du bucket doit être conforme aux règles de nommage d'AWS. Il est recommandé d'utiliser un nom contenant le nom de votre projet ou votre nom de domaine pour faciliter la gestion.
   • Région : Sélectionnez une région proche de vos utilisateurs. Le choix de la région affectera la vitesse d'accès.
   • Bloquer tout accès public : Décochez la case "Bloquer tout accès public". Nous devons autoriser l'accès public pour héberger le site web en tant que site web statique. Soyez très prudent et faites attention à la sécurité des autorisations !
   • Confirmer les paramètres : Lisez les messages d'avertissement et cochez "Je comprends.". Cliquez sur "Créer un bucket".

Étape 2 : Configurer le bucket pour l'hébergement de site web statique

1. Sélectionner le bucket : Dans la console S3, sélectionnez le bucket que vous venez de créer.

2. Accéder à l'onglet "Propriétés" : Cliquez sur l'onglet "Propriétés".

3. Hébergement de site web statique : Dans la section "Hébergement de site web statique", cliquez sur "Modifier".

4. Activer l'hébergement de site web statique :

   • Activer : Sélectionnez "Activer".
   • Document d'index : Saisissez le nom du fichier de la page d'accueil de votre site web, généralement "index.html".
   • Document d'erreur : (Facultatif) Saisissez le nom du fichier de la page d'erreur, par exemple "error.html". En cas d'erreur, S3 affichera cette page.

5. Enregistrer les modifications : Cliquez sur "Enregistrer les modifications".## Étape 3 : Télécharger les fichiers du site web statique

6. Sélectionner le bucket : Dans la console S3, sélectionnez le bucket que vous venez de créer.

7. Télécharger : Cliquez sur le bouton "Télécharger".

8. Ajouter des fichiers : Cliquez sur le bouton "Ajouter des fichiers", sélectionnez vos fichiers de site web statique, ou faites glisser directement les fichiers dans la zone de téléchargement.

9. Définir les autorisations :

   • Propriétaire de l'objet : Vérifiez que le propriétaire de l'objet est votre compte AWS.
   • Autorisations : Sélectionnez "Public" -> "Tout le monde", et cochez la case "Lire l'objet". Cela permettra à tout le monde d'accéder à vos fichiers de site web statique. Soyez très prudent, faites attention à la sécurité des autorisations ! Une méthode plus sûre consiste à utiliser une stratégie de bucket, qui sera abordée plus tard.

10. Télécharger : Cliquez sur le bouton "Télécharger".

Étape 4 : Tester le site web

1. Obtenir le point de terminaison du site web : Dans la console S3, sélectionnez votre bucket, puis accédez à l'onglet "Propriétés". Dans la section "Hébergement de site web statique", vous pouvez trouver le point de terminaison (Endpoint) de votre site web.
2. Accéder au site web : Copiez le point de terminaison du site web dans un navigateur pour accéder à votre site web statique.

Étape 5 : Téléchargement en masse avec AWS CLI (facultatif)

Si vous avez beaucoup de fichiers de site web statique, vous pouvez utiliser AWS CLI pour les télécharger en masse.

1. Ouvrir un terminal de ligne de commande : Ouvrez un terminal de ligne de commande.

2. Commande de téléchargement : Utilisez la commande suivante pour télécharger vos fichiers de site web statique :

   aws s3 sync  s3:// --acl public-read
   

   • ``: Remplacez par le répertoire où se trouvent vos fichiers de site web statique locaux.
   • ``: Remplacez par le nom de votre bucket S3.
   • --acl public-read: Définissez les autorisations des fichiers téléchargés sur lecture publique. Soyez très prudent, faites attention à la sécurité des autorisations !

Bonnes pratiques et précautions

• Stratégie de bucket : Au lieu de rendre chaque objet public, il est préférable d'utiliser une stratégie de bucket pour contrôler les autorisations d'accès. Une stratégie de bucket est un document JSON qui définit qui peut accéder à quelles ressources dans le bucket. Vous pouvez créer et gérer des stratégies de bucket via la console AWS ou AWS CLI.

  {
      "Version": "2012-10-17",
      "Statement": [
          {
              "Sid": "PublicReadGetObject",
              "Effect": "Allow",
              "Principal": "*",
              "Action": "s3:GetObject",
              "Resource": "arn:aws:s3:::/*"
          }
      ]
  }
  

  Remplacez `` par le nom de votre bucket réel. Cette stratégie permet à quiconque de lire tous les objets de votre bucket.
• Sécurité : Soyez très attentif à la sécurité de votre bucket S3. Évitez de stocker des informations sensibles dans S3 et vérifiez régulièrement les autorisations d'accès au bucket.
• Contrôle de version : L'activation du contrôle de version du bucket S3 peut vous aider à restaurer des fichiers supprimés ou écrasés accidentellement.
• CloudFront : L'utilisation de CloudFront CDN peut accélérer la vitesse d'accès à votre site web statique et améliorer sa disponibilité. CloudFront mettra en cache le contenu de votre site web sur des nœuds périphériques du monde entier, et les utilisateurs pourront accéder à votre site web à partir du nœud le plus proche. Ceci est particulièrement utile pour les sites web ayant des utilisateurs du monde entier.
• Nom de domaine personnalisé : Vous pouvez lier votre site web statique à un nom de domaine personnalisé, tel que www.example.com. Vous devez configurer les enregistrements DNS pour pointer votre nom de domaine vers le nom de domaine attribué par CloudFront ou le point de terminaison du bucket S3.
• Sauvegardes régulières : Bien que S3 offre une haute disponibilité, il est toujours recommandé de sauvegarder régulièrement vos fichiers de site web statique pour vous prémunir contre les imprévus.
• Optimisation des coûts : Surveillez votre utilisation de S3 pour éviter de dépasser les limites du forfait gratuit d'AWS. Par exemple, les fichiers rarement utilisés peuvent être déplacés vers le stockage à froid Glacier pour réduire les coûts de stockage.## Autres options de serveurs cloud

Outre AWS S3, il existe d'autres options de serveurs cloud :

• GitHub Pages/GitLab Pages: Si le contenu de votre site web est hébergé sur GitHub ou GitLab, vous pouvez utiliser directement leurs services Pages, qui sont généralement gratuits.
• Netlify/Vercel: Plateformes spécialement conçues pour l'hébergement de sites web statiques, offrant des plans gratuits et des processus de déploiement pratiques.
• AWS EC2/Google Compute Engine/Azure Virtual Machines: Si vous avez besoin d'exécuter des applications dynamiques, vous pouvez choisir ces serveurs cloud, mais vous devrez configurer vous-même l'environnement du serveur.
• 阿里云 OSS/腾讯云 COS: Services de stockage cloud nationaux (Chine), adaptés aux sites web destinés aux utilisateurs chinois.

Conclusion

Grâce à ce guide, vous avez appris à créer un site web statique à l'aide d'AWS S3. C'est un excellent moyen de commencer, vous aidant à comprendre les concepts et les opérations des serveurs cloud. Sur cette base, vous pouvez continuer à apprendre d'autres services AWS pour créer des applications cloud plus complexes et puissantes. N'oubliez pas de vous concentrer sur la sécurité, d'optimiser les coûts et de continuer à apprendre pour progresser davantage dans le domaine du cloud computing.