Hospedar um site estático no Armazenamento do Azure

1. Entre no portal do Azure.

2. Localize sua conta de armazenamento e selecione-a para exibir o painel Visão Geral da conta.

3. No painel Visão geral , selecione a guia Recursos . Em seguida, selecione o site estático para exibir a página de configuração do site estático.

   

4. Selecione Habilitado para habilitar a hospedagem de site estático para a conta de armazenamento.

5. No campo Nome do documento Index , insira uma página de índice padrão (por exemplo, index.html).

   A página de índice padrão aparece quando você navega até a raiz do seu site estático.

6. No campo Caminho do documento de erro , insira uma página de erro padrão (por exemplo, 404.html).

   A página de erro padrão aparece quando você navega para uma página que não existe no seu site estático.

7. Selecione Salvar para finalizar a configuração estática do site.

   

8. Depois que você salva a configuração, aparece uma mensagem de confirmação. O painel de Visão Geral mostra seus endpoints estáticos do site e outras informações de configuração.

   

Você pode habilitar a hospedagem de sites estáticos usando a CLI do Azure.

1. Primeiro, abra o Azure Cloud Shellou, se você instalou a CLI do Azure localmente, abra um aplicativo de console de comando, como o Windows PowerShell.

2. Se sua identidade estiver associada a mais de uma assinatura, defina sua assinatura ativa para a assinatura da conta de armazenamento que hospeda seu site estático. Substitua o valor de espaço reservado <subscription-id> pela ID da sua assinatura.

   az account set --subscription <subscription-id>
   

   Substitua o valor de espaço reservado <subscription-id> pela ID da sua assinatura.

3. Habilitar hospedagem de sites estáticos.

   az storage blob service-properties update --account-name <storage-account-name> --static-website --404-document <error-document-name> --index-document <index-document-name>
   

   • Substitua o valor do marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.

   • Substitua o <error-document-name> marcador pelo nome do documento de erro que aparece quando um navegador solicita uma página no seu site que não existe.

   • Substitua o marcador de posição <index-document-name> pelo nome do documento de índice. Este documento é comumente index.html.

Você pode habilitar a hospedagem de site estático usando o módulo do Azure PowerShell.

1. Abra uma janela de comando do Windows PowerShell.

2. Verifique se você tem o módulo Az versão 0.7 ou posterior do Azure PowerShell.

   Get-InstalledModule -Name Az -AllVersions | Select-Object Name, Version
   

   Se você precisar instalar ou atualizar, consulte Instalar o módulo do Azure PowerShell.

3. Entre na sua assinatura do Azure com o comando Connect-AzAccount e siga as instruções na tela.

   Connect-AzAccount
   

4. Se sua identidade estiver associada a mais de uma assinatura, defina sua assinatura ativa para a assinatura da conta de armazenamento que hospeda seu site estático.

   $context = Get-AzSubscription -SubscriptionId <subscription-id>
   Set-AzContext $context
   

   Substitua o valor de espaço reservado <subscription-id> pela ID da sua assinatura.

5. Obtenha o contexto da conta de armazenamento que define a conta de armazenamento que você deseja usar.

   $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
   $ctx = $storageAccount.Context
   

   • Substitua o valor do espaço reservado <resource-group-name> pelo nome do grupo de recursos.

   • Substitua o valor do marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.

6. Habilitar hospedagem de sites estáticos.

   Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
   

   • Substitua o <error-document-name> marcador pelo nome do documento de erro que aparece quando um navegador solicita uma página no seu site que não existe.

   • Substitua o marcador de posição <index-document-name> pelo nome do documento de índice. Este documento é comumente index.html.

As instruções a seguir mostram como carregar arquivos usando o portal do Azure. Você também pode usar AzCopy, Azure PowerShell, CLI do Azure ou um aplicativo personalizado para enviar arquivos para o $web contêiner da sua conta. Para um tutorial passo a passo que envia arquivos usando Visual Studio Code, veja Tutorial: Hospedar um site estático no Armazenamento de Blobs.

1. No portal do Azure, navegue até a conta de armazenamento que contém seu site estático. Selecione Contêineres no painel de navegação esquerdo para exibir a lista de contêineres.

2. No painel Containers , selecione o $web container para abrir o painel de Visão Geral do container.

   

3. No painel de Visão Geral , selecione Carregar. No painel de blob de upload , selecione o campo Arquivos para abrir o navegador de arquivos. Navegue até o arquivo, selecione e depois selecione Abrir. Opcionalmente, selecione Sobrescrever se os arquivos já existirem.

   

4. Se você pretende que o navegador exiba o conteúdo do arquivo, certifique-se de que o tipo de conteúdo desse arquivo esteja definido como text/html. Para verificar essa configuração, selecione o nome do blob que você enviou na etapa anterior para abrir o painel de Visão Geral . Verifique se o valor está definido dentro do campo de propriedade CONTENT-TYPE .

   

   Observação

   Essa propriedade é automaticamente definida para extensões comumente reconhecidas, como text/html e .html. No entanto, em alguns casos, pode ser necessário configurar você mesmo. Se você não definir essa propriedade como text/html, o navegador solicita que os usuários baixem o arquivo em vez de renderizar o conteúdo. Você pode definir essa propriedade na etapa anterior.

Faça upload de objetos para o $web contêiner a partir de um diretório de origem.

Este exemplo assume que você está executando comandos de uma sessão do Azure Cloud Shell.

az storage blob upload-batch -s <source-path> -d '$web' --account-name <storage-account-name>

• Substitua o valor do marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.

• Substitua o marcador de posição <source-path> por um caminho para o local dos arquivos que você deseja enviar.

Faça upload de objetos para o $web contêiner a partir de um diretório de origem.

# Upload a file
Set-AzStorageBlobContent -File "<path-to-file>" `
   -Container '$web' `
   -Blob "<blob-name>" `
   -Context $ctx

• Substitua o <path-to-file> valor provisório pelo caminho totalmente qualificado para o arquivo que você quer enviar (por exemplo, C:\temp\index.html).

• Substitua o <blob-name> valor provisório pelo nome que você quer dar ao blob resultante (por exemplo, index.html).

No painel que aparece ao lado da página de visão geral da conta de sua conta de armazenamento, selecione Site Estático. A URL do seu site é exibida no campo de Ponto de Extremidade Primária.

Localize a URL pública do seu site estático usando o seguinte comando:

az storage account show -n <storage-account-name> -g <resource-group-name> --query "primaryEndpoints.web" --output tsv

• Substitua o valor do marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.

• Substitua o valor do espaço reservado <resource-group-name> pelo nome do grupo de recursos.

Localize a URL pública do seu site estático usando o seguinte comando:

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web

• Substitua o valor do espaço reservado <resource-group-name> pelo nome do grupo de recursos.

• Substitua o valor do marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.