Hosten einer statischen Website in Azure Storage

1. Melden Sie sich im Azure-Portal an.

2. Suchen Sie Ihr Speicherkonto, und wählen Sie es aus, um den Übersichtsbereich des Kontos anzuzeigen.

3. Wählen Sie im Bereich "Übersicht " die Registerkarte "Funktionen " aus. Wählen Sie als Nächstes "Statische Website " aus, um die Konfigurationsseite für die statische Website anzuzeigen.

   

4. Wählen Sie "Aktiviert" aus, um statisches Websitehosting für das Speicherkonto zu aktivieren.

5. Im Feld Dokumentnamen-Index geben Sie eine Standard-Indexseite ein (zum Beispiel index.html).

   Die Standard-Indexseite erscheint, wenn Sie zur Wurzel Ihrer statischen Website navigieren.

6. Im Feld Fehler-Dokumentpfad geben Sie eine Standard-Fehlerseite ein (zum Beispiel 404.html).

   Die Standard-Fehlerseite erscheint, wenn du zu einer Seite navigierst, die auf deiner statischen Website nicht existiert.

7. Wähle Save aus, um die statische Site-Konfiguration abzuschließen.

   

8. Nachdem du die Konfiguration gespeichert hast, erscheint eine Bestätigungsmeldung. Der Übersichtsbereich zeigt die Endpunkte deiner statischen Website und weitere Konfigurationsinformationen.

   

Sie können statisches Websitehosting mithilfe der Azure CLI aktivieren.

1. Öffnen Sie zunächst Azure Cloud Shell, oder falls Sie die Azure-CLI lokal installiert haben, öffnen Sie eine Befehlskonsolenanwendung wie Windows PowerShell.

2. Wenn Ihre Identität mit mehr als einem Abonnement verknüpft ist, stellen Sie Ihr aktives Abonnement auf das Abonnement des Speicherkontos ein, das Ihre statische Website hostet. Ersetzen Sie den Platzhalterwert <subscription-id> durch die ID Ihres Abonnements.

   az account set --subscription <subscription-id>
   

   Ersetzen Sie den Platzhalterwert <subscription-id> durch die ID Ihres Abonnements.

3. Aktivieren Sie statisches Websitehosting.

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

   • Ersetzen Sie den Platzhalterwert <storage-account-name> durch den Namen Ihres Speicherkontos.

   • Ersetzen Sie den Platzhalter <error-document-name> durch den Namen des Fehlerdokuments, das erscheint, wenn ein Browser eine Seite auf Ihrer Seite anfordert, die nicht existiert.

   • Ersetzen Sie den <index-document-name> Platzhalter durch den Namen des Indexdokuments. Dieses Dokument ist üblicherweise index.html.

Sie können statisches Websitehosting mithilfe des Azure PowerShell-Moduls aktivieren.

1. Öffnen Sie ein Windows PowerShell-Befehlsfenster.

2. Vergewissern Sie sich, dass Sie über das Azure PowerShell-Modul Az, Version 0.7 oder höher, verfügen.

   Get-InstalledModule -Name Az -AllVersions | Select-Object Name, Version
   

   Informationen zum Installieren oder Upgrade finden Sie unter Installieren des Azure PowerShell-Moduls.

3. Melden Sie sich mit dem Befehl Connect-AzAccount bei Ihrem Azure-Abonnement an, und befolgen Sie die Anweisungen auf dem Bildschirm.

   Connect-AzAccount
   

4. Wenn Ihre Identität mit mehr als einem Abonnement verknüpft ist, stellen Sie Ihr aktives Abonnement auf das Abonnement des Speicherkontos ein, das Ihre statische Website hostet.

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

   Ersetzen Sie den Platzhalterwert <subscription-id> durch die ID Ihres Abonnements.

5. Rufen Sie den Kontext des Speicherkontos ab, der das zu verwendende Speicherkonto definiert.

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

   • Ersetzen Sie den Platzhalterwert <resource-group-name> durch den Namen Ihrer Ressourcengruppe.

   • Ersetzen Sie den Platzhalterwert <storage-account-name> durch den Namen Ihres Speicherkontos.

6. Aktivieren Sie statisches Websitehosting.

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

   • Ersetzen Sie den Platzhalter <error-document-name> durch den Namen des Fehlerdokuments, das erscheint, wenn ein Browser eine Seite auf Ihrer Seite anfordert, die nicht existiert.

   • Ersetzen Sie den <index-document-name> Platzhalter durch den Namen des Indexdokuments. Dieses Dokument ist üblicherweise index.html.

Die folgenden Anweisungen zeigen, wie Sie Dateien mithilfe des Azure-Portals hochladen. Du kannst auch AzCopy, Azure PowerShell, Azure CLI oder eine benutzerdefinierte Anwendung verwenden, um Dateien in den Container $web deines Kontos hochzuladen. Ein Schritt-für-Schritt-Tutorial, das Dateien mithilfe von Visual Studio Code hochlädt, siehe Tutorial: Hoste eine statische Website auf Blob Storage.

1. Navigieren Sie im Azure-Portal zu dem Speicherkonto, das Ihre statische Website enthält. Wählen Sie "Container" im linken Navigationsbereich aus, um die Liste der Container anzuzeigen.

2. Im Container-Bereich wählen Sie den $web Container aus, um den Übersichtsbereich des Containers zu öffnen.

   

3. Im Übersichtsfenster wählen Sie Hochladen. Im Bereich Upload blob wählen Sie das Feld Dateien aus, um den Dateibrowser zu öffnen. Navigiere zur Datei, wähle sie aus und wähle dann Öffnen aus. Optional wählen Sie Überschreiben, falls Dateien bereits existieren.

   

4. Wenn du beabsichtigst, dass der Browser den Inhalt der Datei anzeigt, stelle sicher, dass der Inhaltstyp dieser Datei auf text/htmlgesetzt ist. Um diese Einstellung zu überprüfen, wählen Sie den Namen des Blobs aus, den Sie im vorherigen Schritt hochgeladen haben, um den Übersichtsbereich zu öffnen. Stellen Sie sicher, dass der Wert innerhalb des INHALTSTYP-Eigenschaftenfelds festgelegt ist.

   

   Hinweis

   Diese Eigenschaft wird automatisch auf text/html für häufig erkannte Erweiterungen wie .html festgelegt, z. B. . In manchen Fällen müssen Sie sie jedoch möglicherweise selbst einstellen. Wenn Sie diese Eigenschaft nicht auf text/htmlsetzen, fordert der Browser die Nutzer auf, die Datei herunterzuladen, anstatt den Inhalt darzustellen. Diese Eigenschaft kannst du im vorherigen Schritt festlegen.

Laden Sie Objekte aus einem Quellverzeichnis in den Container $web hoch.

Dieses Beispiel setzt voraus, dass du Befehle aus einer Azure Cloud Shell-Sitzung ausführst.

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

• Ersetzen Sie den Platzhalterwert <storage-account-name> durch den Namen Ihres Speicherkontos.

• Ersetzen Sie den <source-path> Platzhalter durch einen Pfad zum Speicherort der Dateien, die Sie hochladen möchten.

Laden Sie Objekte aus einem Quellverzeichnis in den Container $web hoch.

# Upload a file
Set-AzStorageBlobContent -File "<path-to-file>" `
   -Container '$web' `
   -Blob "<blob-name>" `
   -Context $ctx

• Ersetzen Sie den <path-to-file> Platzhalterwert durch den vollständig qualifizierten Pfad zu der Datei, die Sie hochladen möchten (zum Beispiel, C:\temp\index.html).

• Ersetzen Sie den Platzhalterwert <blob-name> durch den Namen, den Sie dem resultierenden Blob geben möchten (zum Beispiel index.html).

Wählen Sie im Bereich, der neben der Kontoübersichtsseite Ihres Speicherkontos angezeigt wird, "Statische Website" aus. Die URL Ihrer Website wird im Feld "Primärer Endpunkt " angezeigt.

Suchen Sie die öffentliche URL Ihrer statischen Website mithilfe des folgenden Befehls:

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

• Ersetzen Sie den Platzhalterwert <storage-account-name> durch den Namen Ihres Speicherkontos.

• Ersetzen Sie den Platzhalterwert <resource-group-name> durch den Namen Ihrer Ressourcengruppe.

Suchen Sie die öffentliche URL Ihrer statischen Website mithilfe des folgenden Befehls:

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

• Ersetzen Sie den Platzhalterwert <resource-group-name> durch den Namen Ihrer Ressourcengruppe.

• Ersetzen Sie den Platzhalterwert <storage-account-name> durch den Namen Ihres Speicherkontos.