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

1. Logga in på Azure-portalen 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 Aktiverad för att aktivera värd för statiska webbplatser 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 på din statiska webbplats.

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å din statiska webbplats.

7. Slutför konfigurationen av den statiska platsen genom att klicka på Spara .

   

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

   

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å det lagringskonto 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".

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

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å det lagringskonto 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".

Följande instruktioner visar hur du laddar upp filer med hjälp av Azure-portalen. 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 Code finns i Självstudie: Vara värd för en statisk webbplats på Blob Storage.

1. I Azure-portalen går 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 containern $web 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. Gå till den fil som du vill ladda upp, välj 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 .

   

   Anmärkning

   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.

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-sessionen.

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

• 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.

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

• <path-to-file> Ersätt platshållarvärdet med den fullständigt kvalificerade sökvägen till den fil 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).

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 .

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.

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.