Vara värd för en statisk webbplats i Azure Storage

Du kan hantera statiskt innehåll (HTML-, CSS-, JavaScript- och bildfiler) direkt från en container i ett allmänt V2- eller BlockBlobStorage-konto . Mer information finns i Statisk webbplatsvärd i Azure Storage.

Den här artikeln visar hur du aktiverar värdtjänster för statiska webbplatser med hjälp av Azure Portal, Azure CLI eller PowerShell.

Aktivera värdtjänster för statiska webbplatser

Värd för statiska webbplatser är en funktion som du måste aktivera på lagringskontot.

Portal

1. Logga in på Azure Portal för att komma igång.

2. Leta upp ditt lagringskonto och välj det för att visa kontots översiktsfönster .

3. I fönstret Översikt väljer du fliken Funktioner . Välj sedan Statisk webbplats för att visa konfigurationssidan för den statiska webbplatsen.

   

4. Välj Aktivera för att aktivera hantering av statisk webbplats för lagringskontot.

5. I fältet Indexdokumentnamn anger du en standardindexsida (till exempel :index.html).

   Standardindexsidan visas när en användare navigerar till roten för den statiska webbplatsen.

6. I fältet Felsökväg för dokument anger du en standardfelsida (till exempel :404.html).

   Standardfelsidan visas när en användare försöker navigera till en sida som inte finns på den statiska webbplatsen.

7. Klicka på Spara för att slutföra konfigurationen av den statiska platsen.

   

8. Ett bekräftelsemeddelande visas. Slutpunkterna för den statiska webbplatsen och annan konfigurationsinformation visas i fönstret Översikt .

   

Azure CLI

Du kan aktivera värdtjänster för statiska webbplatser med hjälp av Azure CLI.

1. Öppna först Azure Cloud Shell, eller om du har installerat Azure CLI lokalt öppnar du ett kommandokonsolprogram som Windows PowerShell.

2. Om din identitet är associerad med mer än en prenumeration ställer du in din aktiva prenumeration på prenumerationen på lagringskontot som ska vara värd för din statiska webbplats.

   az account set --subscription <subscription-id>
   

   <subscription-id> Ersätt platshållarvärdet med ID:t för din prenumeration.

3. Aktivera värdtjänster för statiska webbplatser.

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

   • Ersätt platshållarvärdet <storage-account-name> med namnet på ditt lagringskonto.

   • <error-document-name> Ersätt platshållaren med namnet på feldokumentet som visas för användarna när en webbläsare begär en sida på webbplatsen som inte finns.

   • <index-document-name> Ersätt platshållaren med namnet på indexdokumentet. Det här dokumentet är ofta "index.html".

PowerShell

Du kan aktivera värdtjänster för statiska webbplatser med hjälp av modulen Azure PowerShell.

1. Öppna ett Windows PowerShell kommandofönster.

2. Kontrollera att du har Azure PowerShell modulen Az version 0.7 eller senare.

   Get-InstalledModule -Name Az -AllVersions | select Name,Version
   

   Om du behöver installera eller uppgradera kan du läsa Install Azure PowerShell module (Installera Azure PowerShell-modul).

3. Logga in på din Azure-prenumeration med kommandot Connect-AzAccount och följ anvisningarna på skärmen.

   Connect-AzAccount
   

4. Om din identitet är associerad med mer än en prenumeration ställer du in din aktiva prenumeration på prenumerationen på lagringskontot som ska vara värd för din statiska webbplats.

   $context = Get-AzSubscription -SubscriptionId <subscription-id>
   Set-AzContext $context
   

   <subscription-id> Ersätt platshållarvärdet med ID:t för din prenumeration.

5. Hämta kontexten för lagringskontot som definierar det lagringskonto som du vill använda.

   $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
   $ctx = $storageAccount.Context
   

   • <resource-group-name> Ersätt platshållarvärdet med namnet på resursgruppen.

   • Ersätt platshållarvärdet <storage-account-name> med namnet på ditt lagringskonto.

6. Aktivera värdtjänster för statiska webbplatser.

   Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
   

   • <error-document-name> Ersätt platshållaren med namnet på feldokumentet som visas för användarna när en webbläsare begär en sida på webbplatsen som inte finns.

   • <index-document-name> Ersätt platshållaren med namnet på indexdokumentet. Det här dokumentet är ofta "index.html".

Ladda upp filer

Portal

Följande instruktioner visar hur du laddar upp filer med hjälp av Azure Portal. Du kan också använda AzCopy, PowerShell, CLI eller alla anpassade program som kan ladda upp filer till $web containern för ditt konto. En stegvis självstudiekurs som laddar upp filer med hjälp av Visual Studio-kod finns i Självstudie: Värd för en statisk webbplats på Blob Storage.

1. I Azure Portal navigerar du till lagringskontot som innehåller din statiska webbplats. Välj Containrar i det vänstra navigeringsfönstret för att visa listan över containrar.

2. I fönstret Containrar väljer du den $web containern för att öppna containerns översiktsfönster .

   

3. I fönstret Översikt väljer du ikonen Ladda upp för att öppna fönstret Ladda upp blob . Välj sedan fältet Filer i fönstret Ladda upp blob för att öppna filwebbläsaren. Navigera till den fil som du vill ladda upp, markera den och välj sedan Öppna för att fylla i fältet Filer . Du kan också markera kryssrutan Skriv över om det redan finns filer .

   

4. Om du vill att webbläsaren ska visa innehållet i filen kontrollerar du att innehållstypen för filen är inställd på text/html. Kontrollera detta genom att välja namnet på den blob som du laddade upp i föregående steg för att öppna dess översiktsfönster . Kontrollera att värdet har angetts i egenskapsfältet CONTENT-TYPE .

   

   Anteckning

   Den här egenskapen anges automatiskt till text/html för vanliga tillägg som .html. Men i vissa fall måste du ange detta själv. Om du inte anger den här egenskapen till text/htmluppmanar webbläsaren användarna att ladda ned filen i stället för att återge innehållet. Den här egenskapen kan anges i föregående steg.

Azure CLI

Ladda upp objekt till $web-containern från en källkatalog.

Det här exemplet förutsätter att du kör kommandon från Azure Cloud Shell session.

az storage blob upload-batch -s <source-path> -d '$web' --account-name <storage-account-name>

Anteckning

Om webbläsaren uppmanar användarna att ladda ned filen i stället för att återge innehållet kan du lägga till --content-type 'text/html; charset=utf-8' i kommandot.

• Ersätt platshållarvärdet <storage-account-name> med namnet på ditt lagringskonto.

• <source-path> Ersätt platshållaren med en sökväg till platsen för de filer som du vill ladda upp.

Anteckning

Om du använder en platsinstallation av Azure CLI kan du använda sökvägen till valfri plats på din lokala dator (till exempel: C:\myFolder.

Om du använder Azure Cloud Shell måste du referera till en filresurs som är synlig för Cloud Shell. Den här platsen kan vara filresursen för själva molnresursen eller en befintlig filresurs som du monterar från Cloud Shell. Information om hur du gör detta finns i Spara filer i Azure Cloud Shell.

PowerShell

Ladda upp objekt till $web-containern från en källkatalog.

# upload a file
set-AzStorageblobcontent -File "<path-to-file>" `
-Container `$web `
-Blob "<blob-name>" `
-Context $ctx

Anteckning

Om webbläsaren uppmanar användarna att ladda ned filen i stället för att återge innehållet kan du lägga till -Properties @{ ContentType = "text/html; charset=utf-8";} i kommandot.

• <path-to-file> Ersätt platshållarvärdet med den fullständigt kvalificerade sökvägen till filen som du vill ladda upp (till exempel: C:\temp\index.html).

• <blob-name> Ersätt platshållarvärdet med det namn som du vill ge den resulterande bloben (till exempel: index.html).

Hitta webbplatsens URL

Du kan visa sidorna på webbplatsen från en webbläsare med hjälp av webbplatsens offentliga URL.

Portal

I fönstret som visas bredvid kontoöversiktssidan för ditt lagringskonto väljer du Statisk webbplats. Url:en för webbplatsen visas i fältet Primär slutpunkt .

Azure CLI

Hitta den offentliga URL:en för din statiska webbplats med hjälp av följande kommando:

az storage account show -n <storage-account-name> -g <resource-group-name> --query "primaryEndpoints.web" --output tsv

• Ersätt platshållarvärdet <storage-account-name> med namnet på ditt lagringskonto.

• <resource-group-name> Ersätt platshållarvärdet med namnet på resursgruppen.

PowerShell

Hitta den offentliga URL:en för din statiska webbplats med hjälp av följande kommando:

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web

• <resource-group-name> Ersätt platshållarvärdet med namnet på resursgruppen.

• Ersätt platshållarvärdet <storage-account-name> med namnet på ditt lagringskonto.

Aktivera mått på statiska webbplatssidor

När du har aktiverat mått rapporteras trafikstatistik för filer i den $web containern på instrumentpanelen för mått.

1. Klicka på Mått under avsnittet Övervaka på lagringskontomenyn.

   

   Anteckning

   Måttdata genereras genom att kopplas till olika mått-API:er. Portalen visar endast API-medlemmar som används inom en viss tidsram för att endast fokusera på medlemmar som returnerar data. För att säkerställa att du kan välja den API-medlem som krävs är det första steget att expandera tidsramen.

2. Klicka på tidsramsknappen, välj en tidsram och klicka sedan på Använd.

   

3. Välj Blob i listrutan Namnområde .

   

4. Välj sedan måttet Utgående .

   

5. Välj Summa från Aggregation-väljaren .

   

6. Klicka på knappen Lägg till filter och välj API-namn från egenskapsväljaren .

   

7. Markera kryssrutan bredvid GetWebContent i väljaren Värden för att fylla i måttrapporten.

   

   Anteckning

   Kryssrutan GetWebContent visas bara om API-medlemmen har använts inom en viss tidsram. Portalen visar endast API-medlemmar som används inom en viss tidsram för att endast fokusera på medlemmar som returnerar data. Om du inte hittar en specifik API-medlem i den här listan expanderar du tidsramen.

Nästa steg

• Lär dig hur du konfigurerar en anpassad domän med din statiska webbplats. Se Mappa en anpassad domän till en Azure Blob Storage slutpunkt.