Amazon CloudFront - Comment configurer CloudFront pour qu'il fonctionne avec S3

En supposant que vous exécutiez un site Web ou un blog à trafic élevé et que vous rencontriez les problèmes suivants:

• Diffusion lente du contenu - Le contenu (html, images, fichiers à télécharger) est très lent, en particulier lors de pics de trafic
• Payé et non utilisé - Vous payez votre hébergeur plus que ce que vous utilisez réellement. Cela signifie que vous payez probablement pour un forfait d'hébergement Web avec 50 Go d'espace Web et 1 To de bande passante, mais vous en utilisez à peine la moitié..
• Fichiers / dossiers malpropres - Le compte Web est en désordre. Les dossiers d'images, les dossiers d'éléments téléchargeables ne sont pas organisés correctement.

Tout cela peut être facilement résolu avec Amazon CloudFront. CloudFront est un nouveau service lancé par Amazon, optimisé par la technologie de cloud computing. En utilisant Amazon S3 comme stockage, CloudFront intervient au-dessus des compartiments et fournit des contenus à une vitesse beaucoup plus rapide avec une latence inférieure. Cliquez ici pour en lire plus.

Si vous utilisez déjà Amazon S3 pour servir des fichiers pour des sites Web, CloudFront est vraiment quelque chose que vous devriez vérifier. Nous allons maintenant vous guider dans la configuration de CloudFront pour la gestion de fichiers Web..

1. First et Formost

   Obtenir un Amazon S3 compte (lisez ici), puis inscrivez-vous pour un service Amazon CloudFront. Vérifiez votre email pour vous assurer que le service est activé pour vous.

   

2. Créer une distribution

   Les applications que vous utilisez pour gérer les compartiments Amazon S3 peuvent varier, mais nous allons essayer de nous en tenir à un outil gratuit. - S3 Firefox, un gestionnaire de fichiers S3 avec CloudFront pris en charge. Connectez-vous à votre compte avec S3 Firefox, cliquez avec le bouton droit de la souris sur le nom du compartiment (en supposant que les fichiers et les dossiers qu’il contient sont / seront accessibles via le Web) et choisissez Gérer les distributions.

   

   Distribution est une URL unique de tri que vous pouvez utiliser pour référencer un fichier. Vous obtiendrez une meilleure image une fois créée. Cliquer sur Créer une distribution pour créer votre première distribution pour le seau.

   

   Une fois que vous avez créé, vous remarquerez un nouveau nom de domaine: XXXXX.cloudfront.net est créé pour vous. Le statut passera de En cours à Déployé quand c'est fait. Vous pouvez également cliquer sur le bouton Actualiser pour mettre à jour le statut.

   Si vous avez précédemment cet atout suivant:

   • https://assets.hongkiat.com/uploads/folder1/imageA.jpg, il peut maintenant être consulté avec l'URL
   • http://XXXXX.cloudfront.net/folder1/imageA.jpg

   Vous pouvez toujours servir les fichiers avec la première URL, mais la dernière est alimentée par CloudFront, et c'est beaucoup plus rapide..

3. Créer CNAME

   L'URL de distribution commence par http://XXXXX.cloudfront.net/ et nous ne pensons pas qu'il y ait un moyen de décider ce qui se passe avant .cloudfront.net. Cependant, pour rendre l'URL plus simple, agréable et plus facile à retenir, nous pouvons utiliser CNAME pour mapper cette URL à ce que nous voulons. Cela nécessite un accès aux panneaux de contrôle d'hébergement Web. Dans cet exemple, nous allons vous montrer comment mapper:

   • http://XXXXX.cloudfront.net/ à
   • https://assets.hongkiat.com/uploads/

   Si vous n'êtes pas familier avec les CNAME, nous vous suggérons de demander à votre hébergeur de le faire pour vous. Vous entrerez quelque chose de similaire à ceci, avec votre propre URL de distribution bien sûr.

   

   Cela pourrait prendre 24 heures pour se propager, mais entre-temps, remplir le CNAME dans S3 Firefox.

   

   Une fois propagé correctement (vous pouvez tester en envoyant une requête ping à l’URL), vous pouvez servir des fichiers en utilisant https://assets.hongkiat.com/uploads/*.

4. Comparaison de performance

   Nous savons tous à quel point les fichiers de service Amazon S3 sont rapides et efficaces, mais nous avons pensé qu'une comparaison devrait être mise en place après que CloudFront soit mis en œuvre, afin que vous sachiez que chaque centime dépensé en vaut la peine. Pour faire une comparaison juste des différences de vitesse de chargement, nous avons pris un contenu de blog, chargez-le deux fois; une fois avec des images hébergées sous hongkiat.s3.amazonaws.com, une autre fois avec des images sous static.hongkiat.com (CloudFront) et surveillez-le avec Pingdom Tools. Cliquez sur les images pour agrandir.

   hongkiat.s3.amazonaws.com - 41 images chargées à 6,5 secondes.

   

   static.hongkiat.com (CloudFront) - 41 images chargées en 3.5 secondes.