Een statische website hosten in Azure Storage

U kunt statische inhoud (HTML-, CSS-, JavaScript- en afbeeldingsbestanden) rechtstreeks vanuit een container in een algemeen V2- of BlockBlobStorage-account leveren. Zie Statische website hosten in Azure Storage voor meer Azure Storage.

In dit artikel wordt beschreven hoe u het hosten van statische websites kunt inschakelen met behulp van de Azure Portal, de Azure CLI of PowerShell.

Hosting van statische websites inschakelen

Het hosten van statische websites is een functie die u moet inschakelen voor het opslagaccount.

  1. Meld u aan bij de Azure-portal om aan de slag te gaan.

  2. Zoek uw opslagaccount en geef het accountoverzicht weer.

  3. Selecteer Statische website om de configuratiepagina voor statische websites weer te geven.

  4. Selecteer Ingeschakeld om het hosten van statische websites in te schakelen voor het opslagaccount.

  5. Geef in het veld Naam van indexdocument een standaardindexpagina op (bijvoorbeeld: index.html).

    De standaardindexpagina wordt weergegeven wanneer een gebruiker naar de hoofdmap van uw statische website navigeert.

  6. Geef in het veld Foutdocumentpad een standaardfoutpagina op (bijvoorbeeld: 404.html).

    De standaardfoutpagina wordt weergegeven wanneer een gebruiker probeert te navigeren naar een pagina die niet in uw statische website bestaat.

  7. Klik op Opslaan. Het eindpunt voor uw statische website wordt nu weergegeven in de Azure-portal.

    Het hosten van een statische website inschakelen voor een opslagaccount

Bestanden uploaden

Deze instructies laten zien hoe u bestanden uploadt met behulp van de versie van Storage Explorer die wordt weergegeven in de Azure Portal. U kunt echter ook de versie van Storage Explorer die buiten de Azure Portal. U kunt AzCopy,PowerShell, CLI of een aangepaste toepassing gebruiken die bestanden kan uploaden naar de $web container van uw account. Zie Zelfstudie: Een statische website hosten op Blob Storage voor een stapsgewijse zelfstudie over het uploaden van bestanden met behulp van Visual Studio-code.

  1. Selecteer Storage Explorer (preview).

  2. Vouw het knooppunt BLOBCONTAINERS uit en selecteer vervolgens $web container.

  3. Kies de Upload om bestanden te uploaden.

    Bestanden uploaden

  4. Als u van plan bent dat in de browser de inhoud van het bestand wordt weergegeven, moet u ervoor zorgen dat het inhoudstype van dat bestand is ingesteld op text/html .

    Inhoudstypen controleren

    Notitie

    Storage Explorer deze eigenschap automatisch in op text/html voor algemeen herkende extensies, zoals .html . In sommige gevallen moet u dit echter zelf instellen. Als u deze eigenschap niet in stelt op , vraagt de browser gebruikers om het bestand te downloaden in plaats van text/html de inhoud weer te geven. Als u deze eigenschap wilt instellen, klikt u met de rechtermuisknop op het bestand en klikt u vervolgens op Eigenschappen.

De URL van de website zoeken

U kunt de pagina's van uw site weergeven vanuit een browser met behulp van de openbare URL van de website.

Selecteer statische website in het deelvenster dat wordt weergegeven naast de accountoverzichtspagina van uw opslagaccount. De URL van uw site wordt weergegeven in het veld Primair eindpunt.

Azure Storage metrische gegevens van statische websites

Metrische gegevens inschakelen op statische websitepagina's

Zodra u metrische gegevens hebt ingeschakeld, worden verkeersstatistieken voor bestanden in de $web container gerapporteerd in het dashboard voor metrische gegevens.

  1. Klik op Metrische gegevens in de sectie Controleren van het menu van het opslagaccount.

    Koppeling naar metrische gegevens

    Notitie

    Metrische gegevens worden gegenereerd door ze te hooken in verschillende API's voor metrische gegevens. In de portal worden alleen API-leden weergegeven die binnen een bepaald tijdsbestek worden gebruikt om zich alleen te richten op leden die gegevens retourneren. Om ervoor te zorgen dat u het benodigde API-lid kunt selecteren, moet u eerst het tijdsbestek uitbreiden.

  2. Klik op de knop Tijdsbestek, kies een tijdsbestek en klik vervolgens op Toepassen.

    Azure Storage tijdsbereik voor statische websites

  3. Selecteer Blob in de vervolgkeuzeop de naamruimte.

    Azure Storage naamruimte voor metrische gegevens van statische websites

  4. Selecteer vervolgens de Egress metrische gegevens.

    Schermopname van de Azure Storage statische websites Egress metriek.

  5. Selecteer Som in de Aggregatie-selector.

    Azure Storage aggregatie van metrische gegevens van statische websites

  6. Klik op de knop Filter toevoegen en kies API-naam in de eigenschaps selector.

    Azure Storage API-naam voor statische websites

  7. Schakel het selectievakje naast GetWebContent in de waarden-selector in om het rapport met metrische gegevens in te vullen.

    Azure Storage metrische gegevens van statische websites getWebContent

    Notitie

    Het selectievakje GetWebContent wordt alleen weergegeven als dat API-lid binnen een bepaald tijdsbestek is gebruikt. In de portal worden alleen API-leden weergegeven die binnen een bepaald tijdsbestek worden gebruikt om zich alleen te richten op leden die gegevens retourneren. Als u geen specifiek API-lid in deze lijst kunt vinden, vouwt u het tijdsbestek uit.

Volgende stappen