Statische website hosting in Azure StorageStatic website hosting in Azure Storage

Azure Storage GPv2-accounts kunt u statische inhoud (HTML, CSS, JavaScript en afbeeldingsbestanden) rechtstreeks vanuit een storage-container met de naam $web.Azure Storage GPv2 accounts allow you to serve static content (HTML, CSS, JavaScript, and image files) directly from a storage container named $web. U profiteert van hosten in Azure Storage kunt u gebruikmaken van serverloze architecturen, met inbegrip van Azure Functions en andere PaaS-services.Taking advantage of hosting in Azure Storage allows you to use serverless architectures including Azure Functions and other PaaS services.

In tegenstelling tot de statische website hosting, dynamische websites die afhankelijk van de servercode zijn beste worden gehost met behulp van Azure App Service.In contrast to static website hosting, dynamic sites that depend on server-side code are best hosted using Azure App Service.

Hoe werkt het?How does it work?

Wanneer u de statische website inschakelt die als host fungeert voor uw opslagaccount u selecteert u de naam van de standaard-bestand en geef optioneel een pad naar een aangepaste 404-pagina.When you enable static website hosting on your storage account, you select the name of your default file and optionally provide a path to a custom 404 page. Als de functie is ingeschakeld, een container met de naam $web wordt gemaakt als deze nog niet bestaat.As the feature is enabled, a container named $web is created if it doesn't already exist.

Bestanden in de $web container zijn:Files in the $web container are:

  • geleverd via anonieme toegangsaanvragenserved through anonymous access requests
  • alleen beschikbaar via de object-bewerkingen lezenonly available through object read operations
  • hoofdlettergevoeligcase-sensitive
  • beschikbaar op het openbare Internet dit patroon te volgen:available to the public web following this pattern:
    • https://<ACCOUNT_NAME>.<ZONE_NAME>.web.core.windows.net/<FILE_NAME>
  • beschikbaar via een eindpunt van Blob storage dit patroon te volgen:available through a Blob storage endpoint following this pattern:
    • https://<ACCOUNT_NAME>.blob.core.windows.net/$web/<FILE_NAME>

U het eindpunt van Blob storage gebruiken om bestanden te uploaden.You use the Blob storage endpoint to upload files. Bijvoorbeeld: het bestand geĆ¼pload naar deze locatie:For instance, the file uploaded to this location:

https://contoso.blob.core.windows.net/$web/image.png

is beschikbaar in de browser op een locatie die u als volgt:is available in the browser at a location like this:

https://contoso.z4.web.core.windows.net/image.png

De geselecteerde standaard-bestandsnaam wordt gebruikt in de hoofdmap en alle submappen, wanneer een bestandsnaam is niet opgegeven.The selected default file name is used at the root and any subdirectories when a file name is not provided. Als de server een 404-fout retourneert en u geen een fout bij het documentpad opgeeft, wordt een 404 standaardpagina geretourneerd naar de gebruiker.If the server returns a 404 and you do not provide an error document path, then a default 404 page is returned to the user.

CDN- en SSL-ondersteuningCDN and SSL support

Om uw statische website bestanden die beschikbaar zijn via HTTPS, Zie de Azure CDN gebruiken voor toegang tot blobs met aangepaste domeinen via HTTPS.To make your static website files available over HTTPS, see Using the Azure CDN to access blobs with custom domains over HTTPS. Als een onderdeel van dit proces, moet u uw CDN verwijzen naar het eindpunt op het web in plaats van de blob-eindpunt.As a part of this process, you need to point your CDN to the web endpoint as opposed to the blob endpoint. Mogelijk moet u over een paar minuten voordat de inhoud weergegeven wordt als de CDN-configuratie niet onmiddellijk wordt uitgevoerd.You may need to wait a few minutes before your content is visible as the CDN configuration is not immediately executed.

Aangepaste domeinnamenCustom domain names

U kunt een aangepaste domeinnaam voor uw Azure Storage-account configureren om uw statische website beschikbaar maken via een aangepast domein.You can configure a custom domain name for your Azure Storage account to make your static website available via a custom domain. Voor een diepgaande blik op het hosten van uw domein op Azure, Zie 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

Statische website hosting wordt geleverd zonder extra kosten.Static website hosting is provided at no additional cost. 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.

SnelstartgidsQuickstart

Azure PortalAzure portal

Beginnen met het openen van de Azure portal op https://portal.azure.com en doorloopt u de volgende stappen uit op uw GPv2-opslagaccount:Begin by opening the Azure portal at https://portal.azure.com and run through the following steps on your GPv2 storage account:

  1. Klik op instellingenClick on Settings
  2. Klik op statische websiteClick on Static website
  3. Voer een naam van het Indexdocument.Enter an index document name. (Er is een algemene waarde index.html)(A common value is index.html)
  4. (Optioneel) Voer een fout bij het documentpad naar een aangepaste 404-pagina.Optionally enter an error document path to a custom 404 page. (Er is een algemene waarde 404.html)(A common value is 404.html)

Upload vervolgens uw items naar de $web container via de Azure portal of met de Azure Storage Explorer hele mappen uploaden.Next, upload your assets to the $web container via the Azure portal or with the Azure Storage Explorer to upload entire directories. Zorg ervoor dat u een bestand dat overeenkomt met de naam van het Indexdocument u hebt geselecteerd bij het inschakelen van de functie.Make sure to include a file that matches the index document name you selected when enabling the feature.

Tot slot gaat u naar uw webeindpunt voor het testen van uw website.Finally, navigate to your web endpoint to test your website.

Azure-CLIAzure CLI

De uitbreiding voor de opslag van Preview-versie installeren:Install the storage preview extension:

az extension add --name storage-preview

Stel uw CLI aan het abonnement van het GPv2-opslagaccount dat u wilt inschakelen in het geval van meerdere abonnementen:In the case of multiple subscriptions, set your CLI to the subscription of the GPv2 storage account you wish to enable:

az account set --subscription <SUBSCRIPTION_ID>

De functie inschakelen.Enable the feature. Zorg ervoor dat alle tijdelijke aanduiding voor waarden, inclusief punthaken door uw eigen waarden vervangt:Make sure to replace all placeholder values, including brackets, with your own values:

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

Query voor de eindpunt-URL:Query for the web endpoint URL:

az storage account show -n <ACCOUNT_NAME> -g <RESOURCE_GROUP> --query "primaryEndpoints.web" --output tsv

Uploaden van objecten die u wilt de $web container uit een bronmap.Upload objects to the $web container from a source directory. Zorg ervoor dat u goed escape voor de verwijzing naar de $web container in de opdracht.Be sure to properly escape the reference to the $web container in the command. Bijvoorbeeld, als u van Azure CLI uit CloudShell in Azure portal gebruikmaakt, als de $web container zoals wordt weergegeven:For example, if you are using Azure CLI from CloudShell in the Azure portal, escape the $web container as shown:

az storage blob upload-batch -s <SOURCE_PATH> -d \$web --account-name <ACCOUNT_NAME>

ImplementatieDeployment

Methoden voor het implementeren van inhoud naar een storage-container omvatten het volgende:Methods available for deploying content to a storage container include the following:

In alle gevallen, zorg ervoor dat u bestanden kopiƫren naar de $web container.In all cases, make sure you copy files to the $web container.

Metrische gegevensMetrics

Om in te schakelen metrische gegevens over uw statische website's, klikt u op instellingen > bewaking > metrische gegevens.To enable metrics on your static website pages, click on Settings > Monitoring > Metrics.

Metrische gegevens worden gegenereerd door het Inhaken op verschillende metrische gegevens over API's.Metrics data are generated by hooking into different metrics APIs. API-leden die wordt gebruikt binnen een bepaalde periode om te kunnen alleen richten op de leden die als resultaat de gegevens alleen worden weergegeven in de portal.The portal only displays API members used within a given time frame in order to only focus on members that return data. Om ervoor te zorgen, selecteer een lid van de benodigde API kunt u, is de eerste stap om uit te breiden het tijdsbestek.In order to ensure you are able to select the necessary API member, the first step is to expand the time frame.

Klik op de knop tijdsbestek en selecteer afgelopen 24 uur en klik vervolgens op toepassenClick on the time frame button and select Last 24 hours and then click Apply

Metrische gegevens van Azure Storage statische websites tijdsbereik

Selecteer vervolgens Blob uit de Namespace vervolgkeuzelijst.Next, select Blob from the Namespace drop down.

Azure Storage statische websites metrische gegevens naamruimte

Selecteer vervolgens de uitgaande metrische gegevens.Then select the Egress metric.

Azure Storage statische websites metrische gegevens over metrische gegevens

Selecteer som uit de aggregatie selector.Select Sum from the Aggregation selector.

Azure aggregatie van opslag statische websites metrische gegevens

Klik vervolgens op de filter toevoegen knop en kies API-naam uit de eigenschap selector.Next, click the Add filter button and choose API name from the Property selector.

Statische websites metrische API voor de naam van Azure Storage

Ten slotte, schakel het selectievakje in naast GetWebContent in de waarden selector voor het vullen van het rapport metrische gegevens.Finally, check the box next to GetWebContent in the Values selector to populate the metrics report.

Azure Storage statische websites metrics GetWebContent

Statistieken voor bestanden in het verkeer naar eenmaal is ingeschakeld, de $web container worden gerapporteerd in het dashboard.Once enabled, traffic statistics on files in the $web container are reported in the metrics dashboard.

Veelgestelde vragenFAQ

Is de functie voor statische websites voor alle storage-accounttypen beschikbaar?Is the static websites feature available for all storage account types?
Nee, hosting van statische website is alleen beschikbaar in standard GPv2-opslagaccounts.No, static website hosting is only available in GPv2 standard storage accounts.

Zijn opslag-VNET en firewall-regels op het nieuwe eindpunt op het web ondersteund?Are Storage VNET and firewall rules supported on the new web endpoint?
Ja, is het nieuwe eindpunt op het web gehoorzaamt aan de VNET- en firewall-regels die zijn geconfigureerd voor het opslagaccount.Yes, the new web endpoint obeys the VNET and firewall rules configured for the storage account.

Is het eindpunt op het web hoofdlettergevoelig?Is the web endpoint case-sensitive?
Ja, is het eindpunt op het web hoofdlettergevoelig net als de blob-eindpunt.Yes, the web endpoint is case-sensitive just like the blob endpoint.

Volgende stappenNext steps