Partilhar via


Alojar um site estático no Armazenamento do Azure

Pode servir conteúdo estático (HTML, CSS, JavaScript e ficheiros de imagem) diretamente a partir de um contentor numa conta de fins gerais V2 ou BlockBlobStorage . Para saber mais, veja Alojamento de sites estáticos no Armazenamento do Azure.

Este artigo mostra-lhe como ativar o alojamento de sites estáticos com o portal do Azure, a CLI do Azure ou o PowerShell.

Ativar o alojamento de sites estáticos

O alojamento de sites estáticos é uma funcionalidade que tem de ativar na conta de armazenamento.

  1. Inicie sessão no portal do Azure para começar.

  2. Localize a sua conta de armazenamento e selecione-a para apresentar o painel Descrição Geral da conta.

  3. No painel Descrição Geral , selecione o separador Capacidades . Em seguida, selecione Site estático para apresentar a página de configuração do site estático.

    Imagem que mostra como aceder à página de configuração do Site Estático no portal do Azure

  4. Selecione Ativado para ativar o alojamento de sites estáticos para a conta de armazenamento.

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

    A página de índice predefinida é apresentada quando um utilizador navega para a raiz do seu site estático.

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

    A página de erro predefinida é apresentada quando um utilizador tenta navegar para uma página que não existe no seu site estático.

  7. Clique em Guardar para concluir a configuração do site estático.

    Imagem que mostra como definir as propriedades do site Estático no portal do Azure

  8. É apresentada uma mensagem de confirmação. Os pontos finais estáticos do site e outras informações de configuração são apresentados no painel Descrição geral .

    Imagem a mostrar as propriedades do site Estático no portal do Azure

Carregar ficheiros

As seguintes instruções mostram-lhe como carregar ficheiros com o portal do Azure. Também pode utilizar o AzCopy, o PowerShell, a CLI ou qualquer aplicação personalizada que possa carregar ficheiros para o contentor $web da sua conta. Para obter um tutorial passo a passo que carrega ficheiros com o Visual Studio Code, veja Tutorial: Alojar um site estático no Armazenamento de Blobs.

  1. Na portal do Azure, navegue para a conta de armazenamento que contém o seu site estático. Selecione Contentores no painel de navegação esquerdo para apresentar a lista de contentores.

  2. No painel Contentores , selecione o contentor $web para abrir o painel Descrição Geral do contentor.

    Imagem a mostrar onde localizar o contentor de armazenamento de sites no portal do Azure

  3. No painel Descrição Geral , selecione o ícone Carregar para abrir o painel Carregar blob . Em seguida, selecione o campo Ficheiros no painel Carregar blob para abrir o browser de ficheiros. Navegue para o ficheiro que pretende carregar, selecione-o e, em seguida, selecione Abrir para preencher o campo Ficheiros . Opcionalmente, selecione a caixa de verificação Substituir se já existirem ficheiros .

    Imagem a mostrar como carregar ficheiros para o contentor de armazenamento de sites estático

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

    Imagem a mostrar como verificar tipos de conteúdo de blobs

    Nota

    Esta propriedade é definida automaticamente como text/html para extensões normalmente reconhecidas, como .html. No entanto, em alguns casos, terá de definir isto manualmente. Se não definir esta propriedade como text/html, o browser pedirá aos utilizadores para transferirem o ficheiro em vez de comporem os conteúdos. Esta propriedade pode ser definida no passo anterior.

Localizar o URL do site

Pode ver as páginas do seu site a partir de um browser através do URL público do site.

No painel que aparece ao lado da página de descrição geral da conta da sua conta de armazenamento, selecione Site Estático. O URL do seu site é apresentado no campo Ponto final primário .

Métrica de métricas de sites estáticos do Armazenamento do Microsoft Azure

Ativar métricas em páginas de sites estáticos

Depois de ativar as métricas, as estatísticas de tráfego nos ficheiros no contentor $web são comunicadas no dashboard de métricas.

  1. Clique em Métricas na secção Monitorizar do menu da conta de armazenamento.

    Ligação de métricas

    Nota

    Os dados de métricas são gerados através da ligação a APIs de métricas diferentes. O portal apresenta apenas os membros da API utilizados num determinado período de tempo para se concentrarem apenas nos membros que devolvem dados. Para garantir que consegue selecionar o membro da API necessário, o primeiro passo é expandir o período de tempo.

  2. Clique no botão de intervalo de tempo, escolha um período de tempo e, em seguida, clique em Aplicar.

    Intervalo de tempo das métricas de sites estáticos do Armazenamento do Azure

  3. Selecione Blob na lista pendente Espaço de Nomes .

    Espaço de nomes de métricas de sites estáticos do Armazenamento do Azure

  4. Em seguida, selecione a Métrica de saída .

    Captura de ecrã que mostra a métrica Saída dos sites estáticos do Armazenamento do Microsoft Azure.

  5. Selecione Soma no seletor de agregação .

    Agregação de métricas de sites estáticos do Armazenamento do Azure

  6. Clique no botão Adicionar filtro e selecione Nome da API no Seletor de propriedades .

    Nome da API de métricas de sites estáticos do Armazenamento do Azure

  7. Selecione a caixa junto a GetWebContent no seletorValores para preencher o relatório de métricas.

    Métricas de sites estáticos do Armazenamento do Azure GetWebContent

    Nota

    A caixa de verificação GetWebContent só é apresentada se esse membro da API tiver sido utilizado dentro de um determinado período de tempo. O portal apresenta apenas os membros da API utilizados num determinado período de tempo para se concentrarem apenas nos membros que devolvem dados. Se não conseguir encontrar um membro específico da API nesta lista, expanda o período de tempo.

Passos seguintes