Exercice : Déployer un site web statique sur Stockage Blob

  • 8 minutes

Avant d’explorer les réseaux de distribution de contenu, nous allons déployer un site web statique dans Stockage Azure et l’utiliser tout au long du module.

Créer un compte de stockage dans Azure Cloud Shell

Commencez par créer un compte de stockage pour héberger un site statique. Une fois que nous avons terminé, vous pouvez accéder à ce site via le réseau de distribution de contenu.

Le bac à sable gratuit vous permet de créer des ressources dans certaines régions Azure du monde. Sélectionnez une région dans cette liste au moment où vous créez des ressources :

  • westus2
  • southcentralus
  • centralus
  • eastus
  • westeurope
  • southeastasia
  • japaneast
  • brazilsouth
  • australiasoutheast
  • centralindia

  1. Installer l’extension storage-preview en exécutant la commande suivante dans Azure Cloud Shell. Cette extension Azure CLI est nécessaire pour gérer des sites web statiques à partir de l’interface CLI. Exécutez la commande suivante dans la fenêtre de terminal Cloud Shell sur la droite :

    az extension add --name storage-preview

  2. Exécutez les commandes suivantes dans Cloud Shell pour configurer quelques variables d’environnement. Utilisez ces variables tout au long de ce module pour créer des éléments comme un nom de compte de stockage. Remplacez <location> par un des emplacements dans la liste des régions.

    STORAGE_ACCOUNT_NAME="cdnsitestorage$RANDOM" \
RESOURCE_GROUP=<rgn>[sandbox resource group name]</rgn> \
LOCATION=<location>

  3. Exécutez cette commande dans Cloud Shell pour créer le compte de stockage.

    az storage account create \
    --name $STORAGE_ACCOUNT_NAME \
    --resource-group $RESOURCE_GROUP \
    --location $LOCATION \
    --sku Standard_LRS \
    --kind StorageV2

  4. Dans la sortie, recherchez l’URL web"primaryEndpoints", copiez-la et ouvrez le lien dans un navigateur web. La page qui s’ouvre indique que Le contenu demandé n’existe pas. Gardez cet onglet ouvert ; nous allons déployer notre contenu statique, puis actualiser la page.

Activer l’hébergement de site web statique sur le compte de stockage

  1. Dans Cloud Shell, exécutez la commande suivante pour activer l’hébergement de site web statique sur le compte de stockage.

    az storage blob service-properties update \
    --account-name $STORAGE_ACCOUNT_NAME \
    --static-website \
    --404-document 404.html \
    --index-document index.html

    À la fin de la sortie, vous devez voir l’entrée suivante :

    "staticWebsite": {
    "enabled": true,
    "errorDocument_404Path": "404.html",
    "indexDocument": "index.html"
}

  2. Basculez vers l’onglet de navigateur affichant le site web statique et actualisez-le. Vous voyez un message indiquant que le contenu demandé n’existe pas.

Charger des fichiers sur le site web statique

  1. Pour charger les fichiers du site web, exécutez les commandes suivantes :

    git clone https://github.com/MicrosoftDocs/mslearn-create-cdn-static-resources-blob-storage source

  2. Accédez au dossier source/website-files.

    cd source/website-files

  3. Ensuite, chargez ces fichiers sur le conteneur de stockage d’objets blob $web.

    az storage blob upload-batch -s . -d \$web --account-name $STORAGE_ACCOUNT_NAME

Rechercher la publication du site web

Basculez vers le site web que vous avez ouvert et actualisez la page (en appuyant sur F5). Vous voyez la page d’accueil et une image.