Ospitare un sito Web statico in Archiviazione di Azure

1. Accedi al portale di Azure.

2. Individuare l'account di archiviazione e selezionarlo per visualizzare il riquadro Panoramica dell'account.

3. Nel riquadro Panoramica selezionare la scheda Funzionalità . Selezionare quindi Sito Web statico per visualizzare la pagina di configurazione per il sito Web statico.

   

4. Selezionare Attivato per attivare l'hosting di siti web statici per l'account di archiviazione.

5. Nel campo Nome del documento Indice , inserisci una pagina indice predefinita (ad esempio, index.html).

   La pagina indice predefinita appare quando navighi alla radice del tuo sito statico.

6. Nel campo Percorso del documento Errore , inserisci una pagina di errore predefinita (ad esempio, 404.html).

   La pagina di errore predefinita appare quando navighi su una pagina che non esiste nel tuo sito statico.

7. Seleziona Salva per completare la configurazione statica del sito.

   

8. Dopo aver salvato la configurazione, appare un messaggio di conferma. Il pannello Panoramica mostra i tuoi endpoint statici del sito web e altre informazioni di configurazione.

   

È possibile abilitare l'hosting di siti Web statici usando l'interfaccia della riga di comando di Azure.

1. Per prima cosa, apri Azure Cloud Shell oppure, se hai installato interfaccia della riga di comando di Azure in locale, una console dei comandi come Windows PowerShell.

2. Se la tua identità è associata a più di un abbonamento, imposta l'abbonamento attivo all'abbonamento dell'account di archiviazione che ospita il tuo sito statico. Sostituire il valore segnaposto <subscription-id> con l'ID della sottoscrizione.

   az account set --subscription <subscription-id>
   

   Sostituire il valore segnaposto <subscription-id> con l'ID della sottoscrizione.

3. Abilitare l'hosting di siti Web statici.

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

   • Sostituire il valore segnaposto <storage-account-name> con il nome del proprio account di archiviazione.

   • Sostituisci il <error-document-name> segnaposto con il nome del documento di errore che appare quando un browser richiede una pagina sul tuo sito che non esiste.

   • Sostituire il <index-document-name> segnaposto con il nome del documento di indice. Questo documento è comunemente index.html.

È possibile abilitare l'hosting di siti Web statici usando il modulo Azure PowerShell.

1. Aprire una finestra dei comandi di Windows PowerShell.

2. Verificare di avere il modulo Azure PowerShell Az versione 0.7 o successiva.

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

   Se è necessario installare o aggiornare, vedere Installare il modulo Azure PowerShell.

3. Accedere alla sottoscrizione di Azure con il comando Connect-AzAccount e seguire le istruzioni visualizzate.

   Connect-AzAccount
   

4. Se la tua identità è associata a più di un abbonamento, imposta l'abbonamento attivo all'abbonamento dell'account di archiviazione che ospita il tuo sito statico.

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

   Sostituire il valore segnaposto <subscription-id> con l'ID della sottoscrizione.

5. Ottieni il contesto dell'account di archiviazione che definisce l'account di archiviazione che desideri usare.

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

   • Sostituire il valore segnaposto <resource-group-name> con il nome del proprio gruppo di risorse.

   • Sostituire il valore segnaposto <storage-account-name> con il nome del proprio account di archiviazione.

6. Abilitare l'hosting di siti Web statici.

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

   • Sostituisci il <error-document-name> segnaposto con il nome del documento di errore che appare quando un browser richiede una pagina sul tuo sito che non esiste.

   • Sostituire il <index-document-name> segnaposto con il nome del documento di indice. Questo documento è comunemente index.html.

Le istruzioni seguenti illustrano come caricare i file usando il portale di Azure. Puoi anche usare AzCopy, Azure PowerShell, interfaccia della riga di comando di Azure o un'applicazione personalizzata per caricare i file nel $web container del tuo account. Per un tutorial passo dopo passo che carica file utilizzando Visual Studio Code, vedi Tutorial: Ospita un sito web statico su gestione rete virtuale di Azure.

1. Nel portale di Azure passare all'account di archiviazione contenente il sito Web statico. Selezionare Contenitori nel riquadro di spostamento sinistro per visualizzare l'elenco dei contenitori.

2. Nel pannello Container , seleziona il $web contenitore per aprire il pannello Panoramica del container.

   

3. Nel pannello Panoramica, seleziona Carica. Nel pannello Upload blob , seleziona il campo File per aprire il file browser. Naviga fino al file, selezionalo e poi seleziona Aperti. Opzionalmente, seleziona Sovrascrivi se i file esistono già.

   

4. Se intendi che il browser mostri il contenuto del file, assicurati che il tipo di contenuto di quel file sia impostato su text/html. Per verificare questa impostazione, seleziona il nome del blob che hai caricato nel passaggio precedente per aprire il suo pannello Panoramica . Assicurarsi che il valore sia impostato all'interno del campo proprietà CONTENT-TYPE .

   

   Annotazioni

   Questa proprietà viene impostata automaticamente su text/html per le estensioni comunemente riconosciute, .htmlad esempio . Tuttavia, in alcuni casi, potresti dover configurarlo da solo. Se non imposti questa proprietà a text/html, il browser invita gli utenti a scaricare il file invece di rendere il contenuto. Puoi impostare questa proprietà nel passaggio precedente.

Carica gli oggetti nel $web container da una directory sorgente.

Questo esempio presuppone che tu stia eseguendo comandi da una sessione Azure Cloud Shell.

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

• Sostituire il valore segnaposto <storage-account-name> con il nome del proprio account di archiviazione.

• Sostituire il segnaposto <source-path> con il percorso alla posizione dei file da caricare.

Carica gli oggetti nel $web container da una directory sorgente.

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

• Sostituisci il <path-to-file> valore segnaposto con il percorso completamente qualificato verso il file che vuoi caricare (ad esempio, C:\temp\index.html).

• Sostituisci il <blob-name> valore segnaposto con il nome che vuoi dare al blob risultante (ad esempio, index.html).

Nel riquadro che appare accanto alla pagina della panoramica dell’account di archiviazione selezionare Sito Web statico. L'URL del sito viene visualizzato nel campo Endpoint primario.

Trovare l'URL pubblico del sito Web statico usando il comando seguente:

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

• Sostituire il valore segnaposto <storage-account-name> con il nome del proprio account di archiviazione.

• Sostituire il valore segnaposto <resource-group-name> con il nome del proprio gruppo di risorse.

Trovare l'URL pubblico del sito Web statico usando il comando seguente:

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

• Sostituire il valore segnaposto <resource-group-name> con il nome del proprio gruppo di risorse.

• Sostituire il valore segnaposto <storage-account-name> con il nome del proprio account di archiviazione.