Intégrer un site web statique avec Azure CDN

  • Article
  • 3 minutes de lecture

Vous pouvez activer Azure Content Delivery Network (CDN) pour mettre en cache le contenu d’un site web statique hébergé dans un compte de stockage Azure. Vous pouvez utiliser Azure CDN pour configurer le point de terminaison de domaine personnalisé pour votre site web statique, provisionner des certificats TLS/SSL personnalisés et configurer des règles de réécriture personnalisées. La configuration d’Azure CDN entraîne des frais supplémentaires, mais procure une faible latence à votre site web de n’importe où dans le monde. Azure CDN fournit également le chiffrement TLS avec votre propre certificat.

Pour plus d’informations sur les prix d’Azure CDN, consultez Tarification Content Delivery Network.

Activer Azure CDN pour votre site web statique

Vous pouvez activer Azure CDN pour votre compte de stockage directement à partir de votre compte de stockage. Si vous souhaitez spécifier des paramètres de configuration avancés pour votre point de terminaison CDN, notamment l’optimisation du téléchargement des fichiers volumineux, vous pouvez utiliser à la place l’extension Azure CDN pour créer un profil et un point de terminaison CDN.

  1. Recherchez votre compte de stockage dans le portail Azure et affichez la vue d’ensemble du compte.

  2. Dans le menu Sécurité + mise en réseau, sélectionnez Azure CDN pour ouvrir la page Azure CDN :

    Créer un point de terminaison CDN

  3. Dans la section Profil CDN, indiquez si vous souhaitez créer un profil CDN ou utiliser un profil CDN existant. Un profil CDN est une collection de points de terminaison CDN qui partagent un niveau tarifaire et un fournisseur. Donnez ensuite au CDN un nom qui doit être unique dans votre abonnement.

  4. Spécifiez un niveau tarifaire pour le point de terminaison CDN. Pour en savoir plus sur la tarification, voir Tarification de Content Delivery Network. Pour plus d’informations sur les fonctionnalités disponibles avec chaque niveau, voir Comparer les caractéristiques du produit CDN Azure.

  5. Dans le champ Nom du point de terminaison CDN, spécifiez un nom pour votre point de terminaison CDN. Le point de terminaison CDN doit être unique dans Azure et fournit la première partie de l’URL du point de terminaison. Le formulaire valide l’unicité du nom du point de terminaison.

  6. Spécifiez le point de terminaison de votre site web statique dans le champ Nom d’hôte d’origine.

    Pour trouver votre point de terminaison de site web statique, accédez aux paramètres Site web statique de votre compte de stockage. Copiez le point de terminaison principal et collez-le dans la configuration CDN.

    Important

    Veillez à supprimer l’identificateur de protocole (par exemple, , HTTPs) et la barre oblique de fin dans l’URL. Par exemple, si le point de terminaison de site web statique est https://mystorageaccount.z5.web.core.windows.net/, vous devez spécifier mystorageaccount.z5.web.core.windows.net dans le champ Nom d’hôte de l’origine.

    L’illustration suivante montre un exemple de configuration de point de terminaison :

    Capture d’écran montrant un exemple de configuration de point de terminaison CDN

  7. Sélectionnez Créer, puis attendez le provisionnement de CDN. Une fois le point de terminaison créé, il s'affiche dans la liste des points de terminaison. (Si le formulaire contient des erreurs, un point d’exclamation apparaît en regard de ce champ.)

  8. Pour vérifier que le point de terminaison CDN est correctement configuré, cliquez dessus pour accéder à ses paramètres. Depuis la vue d’ensemble CDN de votre compte de stockage, recherchez le nom d’hôte du point de terminaison et accédez au point de terminaison, comme illustré dans l’image suivante. Le format de votre point de terminaison CDN est similaire à https://staticwebsitesamples.azureedge.net.

    Capture d’écran montrant la vue d’ensemble du point de terminaison CDN

  9. Une fois le point de terminaison CDN provisionné, naviguez vers celui-ci pour voir le contenu du fichier index.html que vous avez précédemment chargé sur votre site web statique.

  10. Pour passer en revue les paramètres d’origine de votre point de terminaison CDN, accédez à Origine dans la section Paramètres de votre point de terminaison CDN. Vous verrez que le champ Type d’origine a la valeur Origine personnalisée et que le champ Nom d’hôte d’origine indique le point de terminaison de votre site web statique.

    Capture d’écran montrant les paramètres d’origine du point de terminaison CDN

Supprimer le contenu d’Azure CDN

Si vous ne voulez plus mettre en cache un objet dans Azure CDN, vous pouvez procéder comme suit :

Un objet déjà mis en cache dans Azure CDN y reste jusqu’à ce que sa durée de vie expire ou que le point de terminaison soit purgé. Après expiration de la durée de vie, Azure CDN vérifie si le point de terminaison CDN est encore valide et si l’objet est encore accessible de manière anonyme. Si ce n’est pas le cas, l’objet n’est plus mis en cache.

Étapes suivantes

(Facultatif) Ajouter un domaine personnalisé à votre point de terminaison Azure CDN. Voir le tutoriel : Ajouter un domaine personnalisé à votre point de terminaison Azure CDN.