Ejercicio: Implementar un sitio web estático en Blob Storage

  • 8 minutos

Antes de explorar las redes de entrega de contenido, vamos a implementar un sitio web estático en Azure Storage que vamos a usar a lo largo del módulo.

Crear una cuenta de almacenamiento en Azure Cloud Shell

Empiece creando una cuenta de almacenamiento para hospedar un sitio estático. Cuando hayamos terminado, podrás acceder a este sitio mediante la red de entrega de contenido.

El espacio aislado gratuito permite crear recursos en un subconjunto de las regiones globales de Azure. Seleccione una región de la lista al crear los recursos:

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

  1. Instale la extensión storage-preview; para ello, ejecute el siguiente comando en Azure Cloud Shell. Esta extensión de CLI de Azure se necesita para administrar los sitios web estáticos desde la CLI. Ejecute el comando siguiente en la ventana de terminal de Cloud Shell de la derecha:

    az extension add --name storage-preview

  2. Ejecute estos comandos en Cloud Shell para configurar algunas variables del shell. Use estas variables a lo largo de este módulo para crear elementos como un nombre de cuenta de almacenamiento. Reemplace <location> con una de las ubicaciones de la lista de regiones.

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

  3. Ejecute este comando en Cloud Shell para crear la cuenta de almacenamiento.

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

  4. En la salida, busque la URL de la web"primaryEndpoints", cópiela y abra el vínculo en un explorador web. La página que se abre indica que El contenido solicitado no existe. Mantenga esta pestaña abierta; vamos a implementar nuestro contenido estático y, después, a actualizar la página.

Habilitar hospedaje del sitio web estático para una cuenta de almacenamiento

  1. En Cloud Shell, ejecute este comando para habilitar el hospedaje de sitios web estáticos en la cuenta de almacenamiento.

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

    Al final del resultado, debería mostrarse la entrada:

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

  2. Cambie a la pestaña del explorador que muestra el sitio web estático y actualícela. Verá un mensaje de que el contenido solicitado no existe.

Cargar archivos al sitio web estático

  1. Para cargar del sitio web, ejecute estos comandos:

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

  2. Vaya a la carpeta source/website-files.

    cd source/website-files

  3. Después cargue estos archivos en el contenedor $web de Blob Storage.

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

Comprobar la publicación del sitio web

Cambie al sitio web que abrió antes y actualice la página (con F5). Verá la página de aterrizaje y una imagen.