Statische website hosting in Azure StorageStatic website hosting in Azure Storage

U kunt leveren van statische inhoud (HTML, CSS, JavaScript en afbeeldingsbestanden) rechtstreeks vanuit een storage-container met de naam $web.You can serve static content (HTML, CSS, JavaScript, and image files) directly from a storage container named $web. Uw inhoud in Azure Storage te hosten, kunt u gebruikmaken van serverloze architecturen die zijn Azure Functions en ander Platform als een service (PaaS)-services.Hosting your content in Azure Storage enables you to use serverless architectures that include Azure Functions and other Platform as a service (PaaS) services.

Notitie

Als uw site is afhankelijk van code op de server, gebruikt u Azure App Service in plaats daarvan.If your site depends on server-side code, use Azure App Service instead.

Instellen van een statische websiteSetting up a static website

Statische website hosting, is een functie die u hebt om in te schakelen op het storage-account.Static website hosting is a feature that you have to enable on the storage account.

Om in te schakelen statische website hosting, selecteert u de naam van de standaard-bestand en geef vervolgens een pad naar een aangepaste 404-pagina (optioneel).To enable static website hosting, select the name of your default file, and then optionally provide a path to a custom 404 page. Als een blob storage-container met de naam $web nog niet bestaat in het account, een voor u is gemaakt.If a blob storage container named $web doesn't already exist in the account, one is created for you. De bestanden van uw site toevoegen aan deze container.Add the files of your site to this container.

Zie voor stapsgewijze instructies hosten van een statische website in Azure Storage.For step-by-step guidance, see Host a static website in Azure Storage.

Azure Storage statische websites metrische gegevens over metrische gegevens

Bestanden in de $web container zijn hoofdlettergevoelig, die via anonieme aanvragen en zijn alleen beschikbaar via leesbewerkingen.Files in the $web container are case-sensitive, served through anonymous access requests and are available only through read operations.

Inhoud te uploadenUploading content

U kunt een van deze hulpprogramma's gebruiken voor het uploaden van inhoud naar de $web container:You can use any of these tools to upload content to the $web container:

Inhoud weergevenViewing content

Gebruikers kunnen site-inhoud via een browser met behulp van de openbare URL van de website bekijken.Users can view site content from a browser by using the public URL of the website. U vindt de URL met behulp van de Azure portal, Azure CLI of PowerShell.You can find the URL by using the Azure portal, Azure CLI, or PowerShell. Gebruik deze tabel als richtlijn.Use this table as a guide.

HulpprogrammaTool RichtlijnenGuidance
Azure PortalAzure portal De website-URL zoeken met behulp van de Azure-portalFind the website URL by using the Azure portal
Azure-CLIAzure CLI De website-URL zoeken met behulp van de Azure CLIFind the website URL by using the Azure CLI
Azure PowerShell-moduleAzure PowerShell module De website-URL zoeken met behulp van PowerShellFind the website URL by using PowerShell

De URL van uw site bevat een regionale code.The URL of your site contains a regional code. Bijvoorbeeld de URL https://contosoblobaccount.z22.web.core.windows.net/ regionale code bevat z22.For example the URL https://contosoblobaccount.z22.web.core.windows.net/ contains regional code z22.

Hoewel die code de URL blijven moet, dit geldt alleen voor intern gebruik en u hoeft niet te gebruiken die code op een andere manier.While that code must remain the URL, it is only for internal use, and you won't have to use that code in any other way.

De Indexdocument dat u opgeeft wanneer u de statische website hosting, inschakelt wordt weergegeven wanneer gebruikers de site openen en een specifiek bestand geen opgeeft (bijvoorbeeld: 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).

Als de server een 404-fout retourneert en u hebt opgegeven een document fout wanneer u de website hebt ingeschakeld, wordt een 404 standaardpagina geretourneerd naar de gebruiker.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.

Gevolgen van de instelling van het niveau openbare toegang van de webcontainerImpact of the setting the public access level of the web container

U kunt het niveau openbare toegang van de $web container, maar dit heeft geen invloed op de primaire statische website-eindpunt omdat deze bestanden worden aangeboden via anonieme aanvragen.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. Dit betekent dat openbare (alleen-lezen) toegang tot alle bestanden.That means public (read-only) access to all files.

De volgende schermafbeelding ziet u de instelling voor openbare toegang in Azure portal:The following screenshot shows the public access level setting in the Azure portal:

Schermopname die laat zien hoe niveau openbare toegang instelt in de portal

Terwijl het primaire statische website-eindpunt wordt niet beïnvloed, is het primaire blob service-eindpunt invloed op een wijziging in de niveau openbare toegang.While the primary static website endpoint is not affected, a change to the public access level does impact the primary blob service endpoint.

Bijvoorbeeld, als u het niveau openbare toegang van de $web -container vanuit privé (geen anonieme toegang) naar Blob (anonieme leestoegang voor alleen blobs) , dan zal de niveau van openbare toegang tot het eindpunt van de primaire statische website https://contosoblobaccount.z22.web.core.windows.net/index.html niet wijzigen.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.

Echter, de openbare toegang tot de primaire blob-service-eindpunt https://contosoblobaccount.blob.core.windows.net/$web/index.html van persoonlijke wordt gewijzigd in openbare.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. Gebruikers kunnen nu dat bestand openen met behulp van een van deze twee eindpunten.Now users can open that file by using either of these two endpoints.

Content Delivery Network (CDN) en Secure Socket Layer (SSL)-ondersteuningContent Delivery Network (CDN) and Secure Socket Layer (SSL) support

Als u uw bestanden statische website beschikbaar maken via uw aangepaste domein- en HTTPS, Zie de Azure CDN gebruiken voor toegang tot blobs met aangepaste domeinen via 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. Als onderdeel van dit proces, moet u uw CDN verwijzen naar de primaire statische website eindpunt in plaats van de primaire blob-service eindpunt.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. Mogelijk moet u over een paar minuten voordat de inhoud weergegeven wordt als de CDN-configuratie niet onmiddellijk wordt uitgevoerd.You might need to wait a few minutes before your content is visible as the CDN configuration is not immediately executed.

Wanneer u uw statische website bijwerken, moet u de inhoud op het CDN edge-servers in cache wissen door het opschonen van het CDN-eindpunt.When you update your static website, be sure to clear cached content on the CDN edge servers by purging the CDN endpoint. Zie voor meer informatie Een Azure CDN-eindpunt leegmaken.For more information, see Purge an Azure CDN endpoint.

Notitie

HTTPS wordt systeemeigen ondersteund door het eindpunt van de web-account, zodat de webeindpunt toegankelijk via HTTP en HTTPS is.HTTPS is supported natively through the account web endpoint, so the web endpoint is accessible via both HTTP and HTTPS. Echter, als het opslagaccount dat is geconfigureerd voor veilige overdracht vereisen via HTTPS, klikt u vervolgens gebruikers mogen gebruiken het HTTPS-eindpunt.However, if the storage account is configured to require secure transfer over HTTPS, then users must use the HTTPS endpoint. Zie voor meer informatie, veilige overdracht in Azure Storage vereisen.For more information, see Require secure transfer in Azure Storage.

Het gebruik van aangepaste domeinen via HTTPS is vereist voor het gebruik van Azure CDN op dit moment.The use of custom domains over HTTPS requires the use of Azure CDN at this time.

Aangepaste domeinnamenCustom domain names

U kunt uw statische website beschikbaar maken via een aangepast domein.You can make your static website available via a custom domain. Zie voor meer informatie, een aangepaste domeinnaam voor uw Azure Storage-account configureren.To learn more, see configure a custom domain name for your Azure Storage account.

Zie voor een diepgaande blik op die als host fungeert voor uw domein in Azure, uw domein in Azure DNS hosten.For an in-depth look at hosting your domain on Azure, see Host your domain in Azure DNS.

PrijzenPricing

U kunt statische website hosting gratis.You can enable static website hosting free of charge. U wordt gefactureerd alleen voor de blobopslag die gebruikmaakt van uw site en de operationele kosten.You're billed only for the blob storage that your site utilizes and operations costs. Bekijk voor meer informatie over prijzen voor Azure Blob Storage, de Azure Blob Storage pagina met prijzen van.For more details on prices for Azure Blob Storage, check out the Azure Blob Storage Pricing Page.

Metrische gegevensMetrics

U kunt metrische gegevens op pagina's met statische website inschakelen.You can enable metrics on static website pages. Nadat u de metrische gegevens hebt ingeschakeld, verkeer statistieken voor bestanden in de $web container worden gerapporteerd in het dashboard.Once you've enabled metrics, traffic statistics on files in the $web container are reported in the metrics dashboard.

Zie voor het inschakelen van metrische gegevens over uw statische website's metrische gegevens op pagina's met statische website inschakelen.To enable metrics on your static website pages, see Enable metrics on static website pages.

Volgende stappenNext steps