avec Amazon CloudFront

Dans le présent didacticiel, vous apprendrez à diffuser du contenu et réduire la latence des utilisateurs finaux de votre application Web à l’aide d’Amazon CloudFront. CloudFront accélère la diffusion de contenu en exploitant son réseau mondial de centres de données, appelés emplacements périphériques, afin de réduire le délai de diffusion en mettant en cache votre contenu à proximité de vos utilisateurs finaux. CloudFront récupère votre contenu depuis un point d'origine, comme un compartiment Amazon S3, une instance Amazon EC2, un équilibreur de charge Amazon Elastic Load Balancing ou votre propre serveur web, s'il ne se trouve pas déjà dans un emplacement périphérique. CloudFront peut être utilisé pour diffuser tout le contenu de votre site web ou de votre application, ce qui comprend les contenus dynamiques, statiques, interactifs et diffusés en streaming.

Au cours des étapes suivantes, vous allez configurer un compartiment Amazon S3 en tant que serveur d'origine et tester votre distribution à l'aide d'un navigateur web pour vérifier que votre contenu est correctement diffusé.

Toutes les étapes de ce didacticiel sont éligibles à l'offre gratuite.

Un compte est nécessaire pour diffuser plus rapidement du contenu

Se connecter à la console

L'offre gratuite d'AWS comprend 50 Go de transfert de données sortantes et 2 000 000 requêtes HTTP ou HTTPS par mois pendant un an.  

Voir les détails relatifs à l'offre gratuite d'AWS »


Dans cette étape, nous allons charger un échantillon de contenu statique vers un compartiment Amazon S3. Dans des étapes ultérieures, nous utiliserons ce compartiment comme origine CloudFront. Amazon S3 est un bon choix pour une origine Amazon CloudFront qui comprend du contenu statique comme des images, des vidéos, des pages HTML, des fichiers .css et des fichiers .js.


a. L'exemple d'image que nous allons utiliser dans ce didacticiel est une image PNG nommée cloudfront-test-image.png.  Cliquez sur le bouton de droite pour télécharger l'exemple d'image et assurez-vous de l'enregistrer sous cloudfront-test-image.png.

Télécharger l'exemple d'image

b. Lorsque vous cliquez ici, AWS Management Console s'ouvre dans une nouvelle fenêtre de navigateur. Saisissez S3 dans le champ de recherche et faites un double clic pour ouvrir le tableau de bord.

tmt_faster-content-delivery-01

(cliquez pour zoomer)

tmt_faster-content-delivery-01

c. Vous vous trouvez à présent sur le tableau de bord S3. Cliquez sur le bouton Créer un compartiment.

  • Nom du compartiment : saisissez un nom pour votre compartiment ; il doit être unique et comprendre uniquement des lettres minuscules. Pour appliquer des restrictions supplémentaires aux noms de compartiment S3, consultez la section Restrictions et limitations des compartiments.
  • Région : vous avez la possibilité de choisir une région proche de vous pour optimiser la latence, réduire les coûts ou répondre aux exigences réglementaires.  

Sélectionnez Suivant.

Dans le volet Définir les propriétés, vous disposez de nombreuses options utiles pour votre compartiment S3, notamment Versioning, Server Access Logging (Journalisation des accès au serveur), Balises, Object-Level Logging (Journalisation au niveau de l'objet) et Default Encryption (Chiffrement par défaut). Nous n'allons pas activer ces fonctions pour ce didacticiel.

Sélectionnez Suivant.

Dans le volet Définir des autorisations, vous pouvez définir les autorisations de contrôle d'accès pour notre compartiment. Nous n'allons pas activer ces fonctions pour ce didacticiel.

Sélectionnez Suivant.

Dans le volet Vérification, sélectionnez Créer un compartiment.

tmt_faster-content-delivery-02

(cliquez pour zoomer)

tmt_faster-content-delivery-02

d. Faites un double clic sur le nom de votre compartiment. Sélectionnez Charger, puis Ajouter des fichiers et sélectionnez cloudfront-test-image.png depuis votre ordinateur. 

Sélectionnez Next (Étape suivante).

tmt_faster-content-delivery-03

(cliquez pour zoomer)

tmt_faster-content-delivery-03

e. Dans le volet Définir des autorisations, vous devez rendre votre image publiquement lisible.  Par défaut, les objets S3 sont privés.  Modifiez Manage public permissions (Gérer les autorisations publiques) pour le définir sur « Grant public access to objects(s) » (Autoriser un accès public aux objets).

Sélectionnez Suivant.

Dans l'onglet Définir les propriétés, vous pouvez définir la Classe de stockage, le Chiffrement et les Métadonnées. Nous n'allons pas activer ces fonctions pour ce didacticiel.

Sélectionnez Suivant.

Dans l'onglet Vérification, vérifiez le chargement de votre fichier.

Sélectionnez Upload.

tmt_faster-content-delivery-04

(cliquez pour zoomer)

tmt_faster-content-delivery-04

Une fois que votre contenu est chargé sur Amazon S3, vous pouvez utiliser la console Amazon CloudFront pour diffuser ce contenu aux utilisateurs finaux du monde entier.


c. Lorsque vous cliquez ici, AWS Management Console s’ouvre dans un nouvel onglet de votre navigateur.  Trouvez CloudFront sous Stockage et diffusion de contenu et cliquez pour ouvrir la console Amazon CloudFront.

tmt_faster-content-delivery-06

(cliquez pour zoomer)

tmt_faster-content-delivery-06

b. Sélectionnez Créer une distribution.


 

tmt_faster-content-delivery-07

(cliquez pour zoomer)

tmt_faster-content-delivery-07

Une distribution Web spécifie les paramètres de configuration afin que CloudFront puisse connaître l’origine depuis laquelle il peut obtenir votre contenu en cas de demande d’un utilisateur. Vous pouvez utiliser les compartiments Amazon S3 (stockage des dossiers) et les serveurs HTTP (par exemple, les serveurs Web) en tant qu’origine.


a. Vous devrez d’abord choisir le mode de diffusion du contenu.  La distribution Web est utilisée pour les contenus statiques et dynamiques tandis que la distribution RTMP est optimale pour la diffusion en continu de fichiers multimédias à l’aide du protocole RTMP d’Adobe Flash Media Server.

Comme cloudfront-test-image.png est une image statique, sélectionnez Mise en route sous l’option Web.

tmt_faster-content-delivery-08

(cliquez pour zoomer)

tmt_faster-content-delivery-08

b. Vous allez maintenant configurer vos paramètres. 

Dans le champ Nom du domaine d’origine, sélectionnez le nom du compartiment S3 dans lequel vous avez stocké cloudfront-test-image.png.

Vous pouvez conserver les valeurs par défaut des autres paramètres de configuration pour ce didacticiel.  Si vous souhaitez en savoir plus sur chaque paramètre de configuration, cliquez sur le menu déroulant ci-dessous.

Paramètres de comportement du cache par défaut :

Paramètres de distribution :

  • Catégorie de tarifs : il y a trois catégories de tarifs dans CloudFront, qui sont déterminées par le nombre d’emplacements périphériques que vous souhaitez qu’il soit possible de prendre en charge dans le monde entier. Par défaut, CloudFront utilise tous les emplacements périphériques afin de garantir la meilleure performance. Pour en savoir plus, consultez la page Tarification Amazon CloudFront.
  • ACL Web AWS WAF : si vous souhaitez autoriser ou bloquer les demandes HTTP et HTTPS en fonction des critères que vous précisez, choisissez l’ACL Web à associer à cette distribution. Pour en savoir plus, consultez le Manuel du développeur AWS WAF.
  • Autres noms de domaine : CloudFront vous attribuera automatiquement un nom de domaine lorsque vous créez une distribution Web (par exemple, http://abcdefghi888.cloudfront.net/filename.jpg). Vous pouvez également spécifier votre propre nom de domaine dans les URL de vos objets (comme http://yourDomain.com/filename.jpg) une fois que vous avez mis à jour votre configuration DNS pour acheminer les requêtes DNS à votre distribution de CloudFront. Pour le présent didacticiel, laissez ce champ vide.
  • Certificat SSL : CloudFront fournit un certificat par défaut mais vous pouvez également spécifier un certificat SSL personnalisé.
  • Objet racine par défaut : spécifiez ici l’objet que vous voulez que CloudFront demande à votre origine lorsque l’utilisateur demande uniquement l’URL racine de votre distribution. Par exemple, si un utilisateur demande http://www.example.com/, vous pouvez le rediriger sur http://www.example.com/product-description.html. En spécifiant un objet racine par défaut, vous évitez d’exposer le contenu de votre distribution.
  • Journalisation : CloudFront peut consigner des informations sur chaque demande relative à un objet et stocker les fichiers journaux dans un compartiment Amazon S3. L’activation de la journalisation ne fait l’objet d’aucun frais supplémentaire, mais vous accumulez des frais de stockage et d’accès aux fichiers sur Amazon S3.
  • Compartiment pour les journaux : si vous avez défini un compartiment Amazon S3 pour stocker les journaux d’accès, CloudFront peut enregistrer des informations sur chaque demande d’utilisateur relative à un objet et stocker les fichiers dans le compartiment Amazon S3 spécifié. Vous pouvez activer ou désactiver la journalisation à tout moment. Pour en savoir plus sur les journaux d’accès CloudFront, consultez Journaux d’accès.
  • Préfixe de journal : si vous avez choisi d’activer la journalisation, vous pouvez spécifier la chaîne que vous souhaitez que CloudFront utilise comme préfixe pour les noms de fichiers des journaux d’accès pour cette distribution. Pour en savoir plus sur les journaux d’accès CloudFront, consultez Journaux d’accès.
  • Journalisation des cookies : lorsque vous utilisez Amazon S3 comme origine pour vos objets, Amazon S3 ne traite pas les cookies. Par conséquent, à moins que votre distribution inclue également une instance Amazon EC2 ou une autre origine personnalisée, vous devez sélectionner Off comme valeur de Journalisation des cookies. Pour en savoir plus sur les cookies, reportez-vous à la section Configuration de CloudFront pour mettre les objets en cache en fonction des cookies.
  • Commentaire : vous pouvez saisir les commentaires que vous souhaitez enregistrer avec la distribution.
  • Statut de distribution : la valeur par défaut est Activé. Cela signifie que votre contenu sera disponible dès que la distribution est créée.
tmt_faster-content-delivery-09

(cliquez pour zoomer)

tmt_faster-content-delivery-09

Une fois que vous avez configuré votre distribution, CloudFront crée la distribution et la propage à travers le réseau CloudFront pour que vous puissiez l'utiliser.  Sélectionnez Créer une distribution.  

Une fois ce processus terminé, votre colonne de statut passe de En cours à Déployé.

Remarque : cela pourra prendre quelques minutes.

Le nom de domaine que CloudFront a attribué à votre distribution apparaît dans la liste des distributions. Rappelez-vous-en, vous en aurez besoin à l’étape suivante. Cliquez sur le champ ID de distribution pour être redirigé vers une page qui affichera le domaine CloudFront complet sous Nom de domaine.

tmt_faster-content-delivery-10

(cliquez pour zoomer)

tmt_faster-content-delivery-10

Après avoir créé votre distribution Web, vous pouvez la tester en confirmant que CloudFront obtient votre objet auprès de l’origine et le renvoie à un navigateur Web.  Dans cet essai, vous aurez besoin du nom de domaine CloudFront de l’étape 4 et du nom de l’image que vous avez chargée sur le compartiment S3 à l’étape 1.


a. Ouvrez un éditeur de texte sur votre ordinateur. Copiez et collez le code HTML suivant :

Test My CloudFront

Ceci est mon contenu.

my test image

  • Remplacez domain name par le nom de domaine que CloudFront a attribué à votre distribution, par exemple d111111abcdef8.cloudfront.net.
  • Remplacez object name par le nom de votre fichier d’image dans le compartiment Amazon S3 ; dans notre cas, cloudfront-test-image.png.
  • Enregistrez le texte dans un fichier sous mycloudfronttest.html.

b. Ouvrez votre page Web dans un navigateur afin de vérifier que votre contenu apparaît. 

cloudfront-16

(cliquez pour zoomer)

cloudfront-16

Vous pouvez facilement désactiver la distribution à partir de la console CloudFront. Il est d’ailleurs recommandé de désactiver les distributions que vous n’utilisez plus pour qu’elles ne vous soient plus facturées. Toutefois, notez que lorsqu’une distribution est désactivée, n’importe quel site Web pris en charge par cette distribution sera également désactivé et le contenu concerné ne sera plus accessible aux utilisateurs finaux.


a. Cochez la case en regard de la distribution que vous avez créée, puis cliquez sur Désactiver.

tmt_faster-content-delivery-11

(cliquez pour zoomer)

tmt_faster-content-delivery-11

b. Vous serez invité à confirmer : cliquez sur Oui, désactiver.

tmt_faster-content-delivery-12

(cliquez pour zoomer)

tmt_faster-content-delivery-12

Vous avez créé votre première distribution Web Amazon CloudFront et diffusé un élément de contenu statique hébergé sur le cloud par le biais d’Amazon S3. En apportant quelques modifications à la configuration, vous pouvez utiliser CloudFront pour diffuser du contenu dynamique, des événements en direct tels qu'une réunion, une conférence ou un concert, en temps réel via HTTP ou HTTPS. Utilisez Amazon Cloudfront pour accélérer la diffusion de votre site web ou application, y compris de leurs contenus dynamiques, statiques, diffusés en streaming et interactifs.

Maintenant que vous avez appris à mettre en place une distribution web et à diffuser du contenu statique avec Amazon CloudFront, vous pouvez poser des questions à nos experts CloudFront pendant les prochaines sessions « Office Hours » ou AWS Tech Talks.

Page Démarrez avec Amazon CloudFront >>

 

Oui
Non