Dela via


Hantera och distribuera fristående ASP.NET Core Blazor WebAssembly med Azure Static Web Apps

Anmärkning

Det här är inte den senaste versionen av den här artikeln. För den nuvarande utgåvan, se .NET 9-versionen av den här artikeln .

Varning

Den här versionen av ASP.NET Core stöds inte längre. Mer information finns i .NET och .NET Core Support Policy. För den nuvarande utgåvan, se .NET 9-versionen av den här artikeln .

Viktigt!

Den här informationen gäller en förhandsversionsprodukt som kan ändras avsevärt innan den släpps kommersiellt. Microsoft lämnar inga garantier, uttryckliga eller underförstådda, med avseende på den information som tillhandahålls här.

För den nuvarande utgåvan, se .NET 9-versionen av den här artikeln .

Den här artikeln beskriver hur man kan hosta och implementera fristående Blazor WebAssembly med Microsoft Azure Static Web Apps.

Appkonfiguration

Ange en återställningsväg för navigering för att säkerställa att begäranden om en sökväg returneras index.html.

Skapa en fil med namnet staticwebapp.config.json i projektets rotmapp med följande innehåll:

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

Distribuera från Visual Studio

Om du vill distribuera från Visual Studio skapar du en publiceringsprofil för Azure Static Web Apps:

  1. Spara allt arbete som inte har sparats i projektet eftersom en Visual Studio-omstart kan krävas under processen.

  2. I Visual Studio Publicera-gränssnittet väljer du MålAzureSpecifikt målAzure Static Web Apps för att skapa en publiceringsprofil.

  3. Om Azure WebJobs Tools komponenten för Visual Studio inte är installerad visas en uppmaning om att installera komponenten ASP.NET och webbutveckling. Följ anvisningarna för att installera verktygen med Visual Studio Installer. Visual Studio stängs och öppnas automatiskt när verktygen installeras. När verktygen har installerats börjar du med det första steget för att skapa publiceringsprofilen.

  4. I konfigurationen för publiceringsprofil anger du Prenumerationsnamn. Välj en befintlig instans eller välj Skapa en ny instans. När du skapar en ny instans i Azure-portalens användargränssnitt Skapa statiska webbappar anger du Distributionsinformation>Source till Other. Vänta tills distributionen har slutförts i Azure-portalen innan du fortsätter.

  5. I publiceringsprofilkonfigurationen väljer du Azure Static Web Apps-instansen från instansens resursgrupp. Välj Slutför för att skapa publiceringsprofilen. Om Visual Studio uppmanar till att installera Static Web Apps (SWA) CLI installerar du CLI genom att följa anvisningarna. SWA CLI kräver npm/Node.js (Visual Studio-dokumentation).

När publiceringsprofilen har skapats distribuerar du appen till Azure Static Web Apps-instansen med publiceringsprofilen genom att välja knappen Publicera.

GitHub-utplaceringsscenarier