使用 Azure Static Web Apps 裝載和部署 ASP.NET Core 獨立Blazor WebAssembly

備註

這不是本文的最新版本。關於目前版本，請參閱本文的 .NET 10 版本。

警告

不再支援此版本的 ASP.NET Core。如需詳細資訊，請參閱 .NET 和 .NET Core 支持原則。如需目前的版本，請參閱本文的 .NET 9 版本。

本文說明如何使用 Blazor WebAssembly 來裝載和部署獨立。

應用程式設定

若要確保任何路徑的要求會傳回 index.html，請設定導航後備路由。

使用下列內容，在專案的根資料夾中建立名為 staticwebapp.config.json 的檔案：

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

若要從 Visual Studio 部署，請建立 Azure Static Web Apps 的發行設定檔：

將任何未儲存的工作儲存在專案中，因為過程中可能需要重新啟動 Visual Studio。
在 Visual Studio 的 [發行] UI 中，選取 [目標]>[Azure]>[特定目標]>[Azure Static Web Apps] 以建立發行設定檔。
如果未安裝 Visual Studio 的 Azure WebJobs 工具元件，則會出現要您安裝 ASP.NET 和 Web 開發元件的提示。請遵循提示，使用 Visual Studio 安裝程式安裝工具。 Visual Studio 會在安裝工具時自動關閉並重新開啟。工具安裝好後，請從第一個步驟重新開始以建立發行設定檔。
在發佈設定檔組態中，提供訂用帳戶名稱。選取現有的執行個體，或選取 [建立新的執行個體]。在 Azure 入口網站的 [建立靜態 Web 應用程式] UI 中建立新的執行個體時，請將 [部署詳細資料]>[來源] 設定為 [其他]。等候部署在 Azure 入口網站中完成，再繼續進行。
在發佈設定檔的配置中，從執行個體的資源群組中選取 Azure Static Web Apps 執行個體。選擇 [完成] 以建立發行設定檔。如果 Visual Studio 提示您安裝 Static Web Apps (SWA) CLI，請遵循提示來安裝 CLI。 SWA CLI 需要 npm/Node.js （Visual Studio 文件）。

發行設定檔建立好後，請選取 [發行] 按鈕，使用發行設定檔將應用程式部署至 Azure Static Web Apps 執行個體。

此頁面對您有幫助嗎？