Een statische website hosten in Azure Storage

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

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

Hosting van statische websites inschakelen

Statische websitehosting 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 selecteer dit om het deelvenster Overzicht van het account weer te geven.

  3. Selecteer in het deelvenster Overzicht het tabblad Mogelijkheden . Selecteer vervolgens Statische website om de configuratiepagina voor de statische website weer te geven.

    Afbeelding van het openen van de configuratiepagina van de statische website in de Azure Portal

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

  5. Geef in het veld Naam van het 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 Pad van foutdocument 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 om de configuratie van de statische site te voltooien.

    Afbeelding van het instellen van de eigenschappen van de statische website in de Azure Portal

  8. Er wordt een bevestigingsbericht weergegeven. De eindpunten van uw statische website en andere configuratiegegevens worden weergegeven in het deelvenster Overzicht .

    Afbeelding van de eigenschappen van de statische website in de Azure Portal

Bestanden uploaden

De volgende instructies laten zien hoe u bestanden uploadt met behulp van de Azure Portal. U kunt ook AzCopy, PowerShell, CLI of een aangepaste toepassing gebruiken waarmee bestanden kunnen worden geüpload naar de $web container van uw account. Zie Zelfstudie: Een statische website hosten in Blob Storage voor een stapsgewijze zelfstudie over het uploaden van bestanden met behulp van Visual Studio Code.

  1. Navigeer in de Azure Portal naar het opslagaccount met uw statische website. Selecteer Containers in het linkernavigatiedeelvenster om de lijst met containers weer te geven.

  2. Selecteer in het deelvenster Containers de $web container om het deelvenster Overzicht van de container te openen.

    Afbeelding die laat zien waar de opslagcontainer van de website in Azure Portal

  3. Selecteer in het deelvenster Overzicht het pictogram Uploaden om het deelvenster Blob uploaden te openen. Selecteer vervolgens het veld Bestanden in het deelvenster Blob uploaden om de bestandsbrowser te openen. Navigeer naar het bestand dat u wilt uploaden, selecteer het en selecteer vervolgens Openen om het veld Bestanden in te vullen. Schakel eventueel het selectievakje Overschrijven als bestanden al bestaan in.

    Afbeelding van het uploaden van bestanden naar de opslagcontainer van de statische website

  4. Als u wilt dat de browser de inhoud van het bestand weergeeft, moet u ervoor zorgen dat het inhoudstype van dat bestand is ingesteld op text/html. Als u dit wilt controleren, selecteert u de naam van de blob die u in de vorige stap hebt geüpload om het bijbehorende deelvenster Overzicht te openen. Zorg ervoor dat de waarde is ingesteld in het eigenschapsveld CONTENT-TYPE .

    Afbeelding van het verifiëren van blob-inhoudstypen

    Notitie

    Deze eigenschap wordt automatisch ingesteld op text/html voor veelgebruikte extensies, zoals .html. In sommige gevallen moet u dit echter zelf instellen. Als u deze eigenschap niet instelt op text/html, vraagt de browser gebruikers om het bestand te downloaden in plaats van de inhoud weer te geven. Deze eigenschap kan in de vorige stap worden ingesteld.

De URL van de website zoeken

U kunt de pagina's van uw site vanuit een browser bekijken 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 .

Metrische gegevens over statische websites van Azure Storage

Metrische gegevens op statische webpagina's inschakelen

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

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

    Koppeling met metrische gegevens

    Notitie

    Metrische gegevens worden gegenereerd door ze te koppelen aan verschillende API's voor metrische gegevens. In de portal worden alleen API-leden weergegeven die binnen een bepaald tijdsbestek worden gebruikt, zodat ze zich alleen kunnen richten op leden die gegevens retourneren. Om ervoor te zorgen dat u het benodigde API-lid kunt selecteren, is de eerste stap het uitbreiden van het tijdsbestek.

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

    Tijdsbereik voor metrische gegevens van statische websites van Azure Storage

  3. Selecteer Blob in de vervolgkeuzelijst Naamruimte .

    Naamruimte voor metrische gegevens van statische websites van Azure Storage

  4. Selecteer vervolgens de metrische waarde Uitgaand verkeer.

    Schermopname van de metrische gegevens egress van statische websites van Azure Storage.

  5. Selecteer Som in de aggregatiekiezer .

    Aggregatie van metrische gegevens van statische websites van Azure Storage

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

    API-naam voor metrische gegevens van Statische websites van Azure Storage

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

    Metrische gegevens van statische Websites van Azure Storage 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, zodat ze zich alleen kunnen richten op leden die gegevens retourneren. Als u een specifiek API-lid niet in deze lijst kunt vinden, vouwt u het tijdsbestek uit.

Volgende stappen