Freigeben über

Hosten und Bereitstellen von ASP.NET Core Standalone Blazor WebAssembly mit Azure Static Web Apps

Hinweis

Dies ist nicht die neueste Version dieses Artikels. Die aktuelle Version finden Sie in der .NET 10-Version dieses Artikels.

Warnung

Diese Version von ASP.NET Core wird nicht mehr unterstützt. Weitere Informationen finden Sie in der .NET- und .NET Core-Supportrichtlinie. Informationen zum aktuellen Release finden Sie in der .NET 9-Version dieses Artikels.

In diesem Artikel wird erläutert, wie Sie eigenständige Apps Blazor WebAssembly in Microsoft Azure Static Web Apps hosten und bereitstellen.

App-Konfiguration

Um sicherzustellen, dass Anforderungen für jeden Pfad index.html zurückgeben, legen Sie eine Fallback-Route für die Navigation fest.

Erstellen Sie eine Im Stammordner des Projekts benannte staticwebapp.config.json Datei mit dem folgenden Inhalt:

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

Bereitstellen aus Visual Studio

Erstellen Sie zum Bereitstellen über Visual Studio ein Veröffentlichungsprofil für Azure Static Web Apps:

  1. Speichern Sie alle nicht gespeicherten Arbeiten im Projekt, da während des Prozesses möglicherweise ein Neustart von Visual Studio erforderlich ist.

  2. Wählen Sie auf der Benutzeroberfläche Veröffentlichen in Visual Studio Ziel>Azure>Bestimmtes Ziel>Azure Static Web Apps aus, um ein Veröffentlichungsprofil zu erstellen.

  3. Wenn die Azure WebJobs Tools-Komponente für Visual Studio nicht installiert ist, wird eine Aufforderung zum Installieren der ASP.NET- und Webentwicklungskomponente angezeigt. Befolgen Sie die Anweisungen, um die Tools mithilfe des Visual Studio-Installers zu installieren. Visual Studio wird während der Installation der Tools automatisch geschlossen und wieder geöffnet. Nachdem die Tools installiert wurden, beginnen Sie mit dem ersten Schritt, um das Veröffentlichungsprofil zu erstellen.

  4. Geben Sie in der Konfiguration des Veröffentlichungsprofils den Namen des Abonnements an. Wählen Sie eine vorhandene Instanz aus, oder wählen Sie Neue Instanz erstellen aus. Legen Sie beim Erstellen einer neuen Instanz auf der Benutzeroberfläche Statische Web-App erstellen im Azure-Portal Bereitstellungsdetails>Quelle auf Andere fest. Warten Sie, bis die Bereitstellung im Azure-Portal abgeschlossen ist, bevor Sie fortfahren.

  5. Wählen Sie in der Konfiguration des Veröffentlichungsprofils die Azure Static Web Apps-Instanz aus der Ressourcengruppe der Instanz aus. Wählen Sie Fertig stellen aus, um das Veröffentlichungsprofil zu erstellen. Wenn Visual Studio zur Installation der Static Web Apps CLI (SWA) auffordert, installieren Sie die CLI, indem Sie die Aufforderungen befolgen. Für die SWA CLI ist npm/Node.js (Visual Studio-Dokumentation) erforderlich.

Nachdem das Veröffentlichungsprofil erstellt wurde, stellen Sie die App in der Azure Static Web Apps-Instanz mithilfe des Veröffentlichungsprofils bereit, indem Sie die Schaltfläche Veröffentlichen auswählen.

GitHub-Bereitstellungsszenarien

  • Last updated on