Delen via

Zelfstandig ASP.NET Core Blazor WebAssembly hosten en implementeren met Azure Static Web Apps

Opmerking

Dit is niet de nieuwste versie van dit artikel. Zie de .NET 9-versie van dit artikel voor de huidige release.

Waarschuwing

Deze versie van ASP.NET Core wordt niet meer ondersteund. Zie het .NET- en .NET Core-ondersteuningsbeleid voor meer informatie. Zie de .NET 9-versie van dit artikel voor de huidige release.

Belangrijk

Deze informatie heeft betrekking op een pre-releaseproduct dat aanzienlijk kan worden gewijzigd voordat het commercieel wordt uitgebracht. Microsoft geeft geen garanties, uitdrukkelijk of impliciet, met betrekking tot de informatie die hier wordt verstrekt.

Zie de .NET 9-versie van dit artikel voor de huidige release.

In dit artikel wordt uitgelegd hoe u zelfstandig Blazor WebAssembly kunt hosten en implementeren met Microsoft Azure Static Web Apps.

App-configuratie

Om ervoor te zorgen dat aanvragen voor elk pad index.html retourneren, stelt u een navigatie-terugvalroute in.

Maak een bestand met de naam staticwebapp.config.json in de hoofdmap van het project met de volgende inhoud:

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

Implementeren vanuit Visual Studio

Als u wilt implementeren vanuit Visual Studio, maakt u een publicatieprofiel voor Azure Static Web Apps:

  1. Sla niet-opgeslagen werk in het project op, omdat het opnieuw opstarten van Visual Studio mogelijk vereist is tijdens het proces.

  2. Selecteer in de gebruikersinterface van Visual Studio PublishTarget>Azure>Specific Target>Azure Static Web Apps om een profielte maken.

  3. Als het onderdeel Azure WebJobs Tools voor Visual Studio niet is geïnstalleerd, verschijnt er een prompt om het ASP.NET- en webontwikkelingsonderdeel te installeren. Volg de aanwijzingen om de hulpprogramma's te installeren met behulp van het Installatieprogramma van Visual Studio. Visual Studio wordt automatisch gesloten en opnieuw geopend tijdens het installeren van de hulpprogramma's. Nadat de hulpprogramma's zijn geïnstalleerd, begint u opnieuw bij de eerste stap om het publicatieprofiel te maken.

  4. Stel in de configuratie van het publicatieprofiel de naam van het abonnement in. Selecteer een bestaand exemplaar of selecteer Een nieuw exemplaar maken. Wanneer u een nieuw exemplaar maakt in de Statische web-app maken UI van de Azure-portal, stelt u de details van de implementatie>Bron in op Andere. Wacht tot de implementatie is voltooid in Azure Portal voordat u doorgaat.

  5. Kies in de configuratie van het publicatieprofiel het Azure Static Web Apps-exemplaar uit de resourcegroep van het exemplaar. Selecteer Voltooien om het publicatieprofiel te maken. Als Visual Studio wordt gevraagd om de SWA-CLI (Static Web Apps) te installeren, installeert u de CLI door de aanwijzingen te volgen. Voor de SWA CLI is npm/Node.js (Documentatie voor Visual Studio) vereist.

Nadat het publicatieprofiel is gemaakt, implementeert u de app in het Azure Static Web Apps-exemplaar met behulp van het publicatieprofiel door de knop Publiceren te selecteren.

GitHub-implementatiescenario's