Condividi tramite

Ospitare e distribuire ASP.NET Core autonomo Blazor WebAssembly con App Web statiche di Azure

Annotazioni

Questa non è la versione più recente di questo articolo. Per la versione corrente, vedere la versione .NET 10 di questo articolo.

Avvertimento

Questa versione di ASP.NET Core non è più supportata. Per altre informazioni, vedere i criteri di supporto di .NET e .NET Core. Per la versione corrente, vedere la versione .NET 9 di questo articolo.

Questo articolo illustra come ospitare e distribuire Blazor WebAssembly autonomamente con Microsoft Azure Static Web Apps.

Configurazione app

Per assicurarsi che le richieste per qualsiasi percorso restituiscano index.html, impostare una route di fallback per la navigazione.

Creare un file denominato staticwebapp.config.json nella cartella radice del progetto con il contenuto seguente:

{
  "navigationFallback": {
    "rewrite": "/index.html"
  }
}

Distribuzione da Visual Studio

Per eseguire la distribuzione da Visual Studio, creare un profilo di pubblicazione per App Web statiche di Azure:

  1. Salvare eventuali operazioni non salvate nel progetto, perché potrebbe essere necessario riavviare Visual Studio durante il processo.

  2. Nell'interfaccia utente di pubblicazione di Visual Studio, selezionare DestinazioneAzureDestinazione specificaAzure Static Web Apps per creare un profilo di pubblicazione.

  3. Se il componente Azure WebJobs Tools per Visual Studio non è installato, viene visualizzato un prompt per installare il componente ASP.NET e sviluppo Web. Seguire le istruzioni per installare gli strumenti usando il Programma di installazione di Visual Studio. Visual Studio chiude e riapre automaticamente durante l'installazione degli strumenti. Dopo aver installato gli strumenti, iniziare al primo passaggio per creare il profilo di pubblicazione.

  4. Nella configurazione del profilo di pubblicazione specificare il nome della sottoscrizione. Selezionare un'istanza esistente o selezionare Crea una nuova istanza. Quando si crea una nuova istanza nell'interfaccia utente Crea app web statica del portale di Azure, impostare i Dettagli di distribuzione>Origine su Altro. Attendere il completamento della distribuzione nel portale di Azure prima di procedere.

  5. Nella configurazione del profilo di pubblicazione selezionare l'istanza App Web statiche di Azure dal gruppo di risorse dell'istanza. Selezionare Fine per creare il profilo di pubblicazione. Se Visual Studio ti chiede di installare la CLI delle Static Web Apps (SWA), installa la CLI seguendo le istruzioni. L'interfaccia della riga di comando di SWA richiede npm/Node.js (documentazione di Visual Studio).

Dopo aver creato il profilo di pubblicazione, distribuire l'app nell'istanza di App Web statiche di Azure usando il profilo di pubblicazione selezionando il pulsante Pubblica.

Scenari di distribuzione di GitHub

  • Last updated on