Sdílet prostřednictvím


Hostování a nasazení samostatného Blazor WebAssembly ASP.NET Core pomocí Azure Static Web Apps

Poznámka:

Toto není nejnovější verze tohoto článku. Aktuální verzi najdete ve verzi .NET 10 tohoto článku.

Výstraha

Tato verze ASP.NET Core se už nepodporuje. Další informace najdete v zásadách podpory .NET a .NET Core. Aktuální vydání článku ve verzi .NET 9 najdete zde.

Tento článek vysvětluje, jak hostovat a nasazovat samostatně Blazor WebAssembly pomocí Microsoft Azure Static Web Apps.

Konfigurace aplikace

Pokud chcete zajistit, aby se požadavky na jakoukoli cestu vrátily index.html, nastavte náhradní trasu navigace.

V kořenové složce projektu vytvořte soubor staticwebapp.config.json s následujícím obsahem:

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

Nasazení ze sady Visual Studio

Pokud chcete nasadit ze sady Visual Studio, vytvořte profil publikování pro Azure Static Web Apps:

  1. Uložte všechny neuložené práce v projektu, protože během procesu může být vyžadováno restartování sady Visual Studio.

  2. V uživatelském rozhraní pro publikování sady Visual Studio vyberte cíl>, specifický cíl a >, abyste vytvořili publikovací profil.

  3. Pokud není nainstalovaná komponenta Azure WebJobs Tools pro Visual Studio, zobrazí se výzva k instalaci komponenty pro ASP.NET a vývoj webu. Podle pokynů nainstalujte nástroje pomocí instalačního programu Visual Studio. Visual Studio se při instalaci nástrojů automaticky zavře a znovu otevře. Po instalaci nástrojů začněte od prvního kroku a vytvořte profil publikování.

  4. V konfiguraci profilu publikování zadejte název předplatného. Vyberte existující instanci nebo vyberte Vytvořit novou instanci. Při vytváření nové instance v uživatelském rozhraní Vytvořit statickou webovou aplikaci na webu Azure Portal nastavte Podrobnosti nasazení> na Jiný. Než budete pokračovat, počkejte na dokončení nasazení na webu Azure Portal.

  5. V konfiguraci profilu publikování vyberte instanci Azure Static Web Apps ze skupiny prostředků instance. Výběrem Dokončit vytvořte publikovací profil. Pokud visual Studio vyzve k instalaci rozhraní příkazového řádku Static Web Apps (SWA), nainstalujte rozhraní příkazového řádku podle pokynů. Rozhraní příkazového řádku SWA vyžaduje npm/Node.js (dokumentace k sadě Visual Studio).

Po vytvoření profilu publikování nasaďte aplikaci do instance Azure Static Web Apps pomocí profilu publikování výběrem tlačítka Publikovat .

Scénáře nasazení GitHubu