Exercício - Implantar um site estático para armazenamento de blob

  • 8 minutos

Antes de explorarmos as Redes de Entrega de Conteúdo, vamos implantar um site estático no Armazenamento do Azure para usar em todo o módulo.

Criar uma conta de armazenamento no Azure Cloud Shell

Comece criando uma nova conta de armazenamento para hospedar um site estático. Quando terminarmos, você poderá acessar este site através da rede de distribuição de conteúdo.

A sandbox gratuita permite criar recursos em um subconjunto das regiões globais do Azure. Selecione uma região nesta lista ao criar recursos:

  • westus2
  • southcentralus
  • e.u.a.central
  • eastus
  • westeurope
  • Sudeste Asiático
  • japaneast
  • BrasilSul
  • AustráliaSudeste
  • Índia Central

  1. Instale a storage-preview extensão executando o seguinte comando no Azure Cloud Shell. Esta extensão da CLI do Azure é necessária para gerenciar sites estáticos a partir da CLI. Execute o seguinte comando na janela do terminal do Cloud Shell à direita:

    az extension add --name storage-preview

  2. Execute esses comandos no Cloud Shell para configurar algumas variáveis do shell. Use essas variáveis em todo este módulo para criar itens como um nome de conta de armazenamento. Substitua <location> por um dos locais na lista de regiões.

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

  3. Execute este comando no Cloud Shell para criar a conta de armazenamento.

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

  4. Na saída, localize o URL da Web, copie-o e abra o "primaryEndpoints"link em um navegador da Web . A página que é aberta indica que O conteúdo solicitado não existe. Mantenha este separador aberto; Vamos implantar nosso conteúdo estático e, em seguida, atualizar a página.

Habilitar hospedagem estática de sites na conta de armazenamento

  1. No Cloud Shell, execute o seguinte comando para habilitar a hospedagem estática de sites na conta de armazenamento.

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

    No final da saída, você deve ver a entrada:

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

  2. Alterne para a guia do navegador exibindo o site estático e atualize-o. Você verá uma mensagem informando que o conteúdo solicitado não existe.

Carregar arquivos para o site estático

  1. Para carregar os arquivos do site, execute os seguintes comandos:

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

  2. Navegue até a source/website-files pasta

    cd source/website-files

  3. Em seguida, carregue esses arquivos para o contêiner de armazenamento de blob $web.

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

Verificar a publicação no site

Mude para o site que abriu anteriormente e atualize a página (prima F5). Você vê a página de destino e uma imagem.