Hospedagem de site estática no armazenamento do AzureStatic website hosting in Azure Storage

Você pode fornecer conteúdo estático (HTML, CSS, JavaScript e arquivos de imagem) diretamente de um contêiner de armazenamento chamado $Web.You can serve static content (HTML, CSS, JavaScript, and image files) directly from a storage container named $web. Hospedar seu conteúdo no armazenamento do Azure permite que você use arquiteturas sem servidor que incluem Azure Functions e outros serviços de PaaS (plataforma como serviço).Hosting your content in Azure Storage enables you to use serverless architectures that include Azure Functions and other Platform as a service (PaaS) services.

Nota

Se o seu site depende do código do servidor, use Azure app serviço em vez disso.If your site depends on server-side code, use Azure App Service instead.

Configurando um site estáticoSetting up a static website

A hospedagem de site estática é um recurso que você precisa habilitar na conta de armazenamento.Static website hosting is a feature that you have to enable on the storage account.

Para habilitar a hospedagem de site estático, selecione o nome do arquivo padrão e, opcionalmente, forneça um caminho para uma página personalizada do 404.To enable static website hosting, select the name of your default file, and then optionally provide a path to a custom 404 page. Se um contêiner de armazenamento de BLOBs chamado $Web ainda não existir na conta, um será criado para você.If a blob storage container named $web doesn't already exist in the account, one is created for you. Adicione os arquivos do seu site a esse contêiner.Add the files of your site to this container.

Para obter orientações passo a passo, consulte hospedar um site estático no armazenamento do Azure.For step-by-step guidance, see Host a static website in Azure Storage.

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

Os arquivos no contêiner $Web diferenciam maiúsculas de minúsculas, são atendidos por meio de solicitações de acesso anônimo e estão disponíveis somente por meio de operações de leitura.Files in the $web container are case-sensitive, served through anonymous access requests and are available only through read operations.

Carregando conteúdoUploading content

Você pode usar qualquer uma dessas ferramentas para carregar conteúdo no contêiner de $Web :You can use any of these tools to upload content to the $web container:

Exibindo conteúdoViewing content

Os usuários podem exibir o conteúdo do site de um navegador usando a URL pública do site.Users can view site content from a browser by using the public URL of the website. Você pode encontrar a URL usando o portal do Azure, o CLI do Azure ou o PowerShell.You can find the URL by using the Azure portal, Azure CLI, or PowerShell. Use esta tabela como um guia.Use this table as a guide.

FerramentaTool OrientaçõesGuidance
Portal do AzureAzure portal Localize a URL do site usando o portal do AzureFind the website URL by using the Azure portal
CLI do AzureAzure CLI Localize a URL do site usando o CLI do AzureFind the website URL by using the Azure CLI
Módulo Azure PowerShellAzure PowerShell module Localizar a URL do site usando o PowerShellFind the website URL by using PowerShell

A URL do seu site contém um código regional.The URL of your site contains a regional code. Por exemplo, a URL https://contosoblobaccount.z22.web.core.windows.net/ contém código regional z22.For example the URL https://contosoblobaccount.z22.web.core.windows.net/ contains regional code z22.

Embora esse código deva permanecer na URL, ele é apenas para uso interno, e você não precisará usar esse código de nenhuma outra maneira.While that code must remain in the URL, it is only for internal use, and you won't have to use that code in any other way.

O documento de índice especificado quando você habilita a hospedagem de site estático é exibido quando os usuários abrem o site e não especificam um arquivo específico (por exemplo: https://contosoblobaccount.z22.web.core.windows.net).The index document that you specify when you enable static website hosting, appears when users open the site and don't specify a specific file (For example: https://contosoblobaccount.z22.web.core.windows.net).

Se o servidor retornar um erro 404 e você não tiver especificado um documento de erro ao habilitar o site, uma página 404 padrão será retornada ao usuário.If the server returns a 404 error, and you have not specified an error document when you enabled the website, then a default 404 page is returned to the user.

Impacto da configuração do nível de acesso público do contêiner da WebImpact of the setting the public access level of the web container

Você pode modificar o nível de acesso público do contêiner de $Web , mas isso não tem impacto sobre o ponto de extremidade de site estático primário porque esses arquivos são servidos por meio de solicitações de acesso anônimo.You can modify the public access level of the $web container, but this has no impact on the primary static website endpoint because these files are served through anonymous access requests. Isso significa acesso público (somente leitura) a todos os arquivos.That means public (read-only) access to all files.

A captura de tela a seguir mostra a configuração de nível de acesso público no portal do Azure:The following screenshot shows the public access level setting in the Azure portal:

Captura de tela mostrando como definir o nível de acesso público no portal

Embora o ponto de extremidade de site estático primário não seja afetado, uma alteração no nível de acesso público afeta o ponto de extremidade do serviço blob primário.While the primary static website endpoint is not affected, a change to the public access level does impact the primary blob service endpoint.

Por exemplo, se você alterar o nível de acesso público do contêiner de $Web de privado (sem acesso anônimo) para BLOB (acesso de leitura anônimo para BLOBs somente) , o nível de acesso público ao ponto de extremidade de site estático primário https://contosoblobaccount.z22.web.core.windows.net/index.html Não é alterado.For example, if you change the public access level of the $web container from Private (no anonymous access) to Blob (anonymous read access for blobs only), then the level of public access to the primary static website endpoint https://contosoblobaccount.z22.web.core.windows.net/index.html doesn't change.

No entanto, o acesso público ao ponto de extremidade do serviço blob primário https://contosoblobaccount.blob.core.windows.net/$web/index.html muda de particular para público.However, the public access to the primary blob service endpoint https://contosoblobaccount.blob.core.windows.net/$web/index.html does change from private to public. Agora, os usuários podem abrir esse arquivo usando qualquer um desses dois pontos de extremidade.Now users can open that file by using either of these two endpoints.

Suporte à CDN (rede de distribuição de conteúdo) e ao Secure Socket Layer (SSL)Content Delivery Network (CDN) and Secure Socket Layer (SSL) support

Para disponibilizar seus arquivos de site estáticos em seu domínio personalizado e HTTPS, consulte usando a CDN do Azure para acessar BLOBs com domínios personalizados por HTTPS.To make your static website files available over your custom domain and HTTPS, see Using the Azure CDN to access blobs with custom domains over HTTPS. Como parte desse processo, você precisa apontar sua CDN para o ponto de extremidade de site estático primário em oposição ao ponto de extremidade do serviço blob primário.As a part of this process, you need to point your CDN to the primary static website endpoint as opposed to the primary blob service endpoint. Talvez seja necessário aguardar alguns minutos para que o conteúdo fique visível, pois a configuração da CDN não é executada imediatamente.You might need to wait a few minutes before your content is visible as the CDN configuration is not immediately executed.

Ao atualizar seu site estático, certifique-se de limpar o conteúdo armazenado em cache nos servidores de borda da CDN limpando o ponto de extremidade da CDN.When you update your static website, be sure to clear cached content on the CDN edge servers by purging the CDN endpoint. Para obter mais informações, consulte Remover um ponto final do Azure CDN.For more information, see Purge an Azure CDN endpoint.

Nota

O HTTPS tem suporte nativo por meio do ponto de extremidade da Web da conta, portanto, o ponto de extremidade da Web pode ser acessado via HTTP e HTTPS.HTTPS is supported natively through the account web endpoint, so the web endpoint is accessible via both HTTP and HTTPS. No entanto, se a conta de armazenamento estiver configurada para exigir transferência segura por HTTPS, os usuários deverão usar o ponto de extremidade HTTPS.However, if the storage account is configured to require secure transfer over HTTPS, then users must use the HTTPS endpoint. Para obter mais informações, consulte exigir transferência segura no armazenamento do Azure.For more information, see Require secure transfer in Azure Storage.

O uso de domínios personalizados por HTTPS requer o uso da CDN do Azure no momento.The use of custom domains over HTTPS requires the use of Azure CDN at this time.

Nomes de domínio personalizadosCustom domain names

Você pode tornar seu site estático disponível por meio de um domínio personalizado.You can make your static website available via a custom domain. Para saber mais, consulte configurar um nome de domínio personalizado para sua conta de armazenamento do Azure.To learn more, see configure a custom domain name for your Azure Storage account.

Para obter uma análise detalhada sobre como hospedar seu domínio no Azure, confira hospedar seu domínio no DNS do Azure.For an in-depth look at hosting your domain on Azure, see Host your domain in Azure DNS.

PreçosPricing

Você pode habilitar a hospedagem de sites estáticos gratuitamente.You can enable static website hosting free of charge. Você é cobrado apenas pelo armazenamento de BLOBs que seu site utiliza e pelos custos de operações.You're billed only for the blob storage that your site utilizes and operations costs. Para obter mais detalhes sobre os preços do armazenamento de BLOBs do Azure, confira a página de preços do armazenamento de BLOBs do Azure.For more details on prices for Azure Blob Storage, check out the Azure Blob Storage Pricing Page.

MétricasMetrics

Você pode habilitar métricas em páginas de site estáticos.You can enable metrics on static website pages. Depois de habilitar as métricas, as estatísticas de tráfego nos arquivos no contêiner de $Web são relatadas no painel de métricas.Once you've enabled metrics, traffic statistics on files in the $web container are reported in the metrics dashboard.

Para habilitar as métricas em suas páginas de site estáticos, consulte habilitar métricas em páginas de site estático.To enable metrics on your static website pages, see Enable metrics on static website pages.

Passos seguintesNext steps