Hospedar um site estático no Armazenamento do Azure

1. Inicie sessão no portal 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 Site estático para exibir a página de configuração do site estático.

   

4. Selecione Ativado para habilitar a hospedagem estática de sites para a conta de armazenamento.

5. No campo Nome do documento de índice, introduza uma página de índice predefinida (por exemplo, index.html).

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

6. No campo Caminho do documento de erro, introduza uma página de erro por defeito (por exemplo, 404.html).

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

7. Selecione Guardar para terminar a configuração estática do site.

   

8. Depois de guardar a configuração, aparece uma mensagem de confirmação. O painel de Visão Geral mostra os endpoints estáticos do seu site e outras informações de configuração.

   

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

1. Primeiro, abra o Azure Cloud Shell ou, se você tiver instalado a CLI do Azure localmente, abra um aplicativo de console de comando, como o Windows PowerShell.

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

   az account set --subscription <subscription-id>
   

   Substitua o valor do espaço reservado <subscription-id> pelo ID da sua subscrição.

3. Habilite a hospedagem de um site estático.

   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 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 é normalmente index.html.

Você pode habilitar a hospedagem estática de sites 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 do Azure PowerShell versão 0.7 ou posterior.

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

   Se precisar de instalar ou atualizar, veja Install Azure PowerShell module(Instalar o módulo do Azure PowerShell).

3. Inicie sessão na sua subscrição do Azure com o comando Connect-AzAccount e siga as instruções no ecrã.

   Connect-AzAccount
   

4. Se a sua identidade estiver associada a mais do que uma subscrição, defina a sua subscrição ativa para a subscrição da conta de armazenamento que aloja o seu site estático.

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

   Substitua o valor do espaço reservado <subscription-id> pelo ID da sua subscrição.

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 marcador de posição <resource-group-name> pelo nome do seu grupo de recursos.

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

6. Habilite a hospedagem de um site estático.

   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 é normalmente index.html.

As instruções a seguir mostram como carregar arquivos usando o portal do Azure. Também pode usar o AzCopy, Azure PowerShell, CLI do Azure ou uma aplicação personalizada para carregar ficheiros no $web contentor da sua conta. Para um tutorial passo a passo que carrega ficheiros 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 de 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 Carregar blob, selecione o campo Ficheiros para abrir o explorador de ficheiros. Navega até ao ficheiro, seleciona-o e depois seleciona Abrir. Opcionalmente, selecione Sobrescrever se os ficheiros já existirem.

   

4. Se pretende que o navegador exiba o conteúdo do ficheiro, certifique-se de que o tipo de conteúdo desse ficheiro está definido como text/html. Para verificar esta configuração, selecione o nome do blob que carregou no passo anterior para abrir o painel Descrição Geral. Verifique se o valor está definido dentro do campo de propriedade CONTENT-TYPE .

   

   Observação

   Essa propriedade é definida automaticamente como text/html para extensões comumente reconhecidas, como .html. No entanto, em alguns casos, pode ser necessário configurá-lo você próprio. Se não definir esta propriedade para text/html, o navegador pede aos utilizadores que descarreguem o ficheiro em vez de renderizar o conteúdo. Pode definir esta propriedade na etapa anterior.

Carregar objetos para o $web contentor a partir de um diretório de origem.

Este exemplo assume que estás a executar 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 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 a localização dos ficheiros que pretende carregar.

Carregar objetos para o $web contentor 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 ficheiro que pretende carregar (por exemplo, C:\temp\index.html).

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

No painel que aparece ao lado da página de visão geral da conta da sua conta de armazenamento, selecione Site estático. O URL do seu site aparece no campo Ponto de extremidade principal.

Encontre 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 marcador de posição <storage-account-name> pelo nome da sua conta de armazenamento.

• Substitua o valor do marcador de posição <resource-group-name> pelo nome do seu grupo de recursos.

Encontre 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 marcador de posição <resource-group-name> pelo nome do seu grupo de recursos.

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