27、Blazor WebAssembly 开发与部署全解析

Blazor WebAssembly 开发与部署全解析

1. Azure Static Web Apps 简介

Azure Static Web Apps 是一种简化静态 Web 应用构建和部署的资源。不过，它不适用于发布 Blazor WebAssembly ASP.NET Core 托管应用，因为它不提供支持 .NET 的服务器，主要用于提供静态 Web 文件和项目，并针对此类应用进行了优化。其关键优势之一是能够在全球范围内分发静态文件，使用户可以从最近的地理位置快速访问应用。

当使用 GitHub 或 Azure DevOps 时，Azure Static Web Apps 具有自动 CI/CD 管道功能。这意味着每当你将代码更改提交到存储库时，管道就会触发，以构建和部署更新后的代码。

2. 部署 Blazor WebAssembly 项目到 Azure Static Web Apps

以下是将 Blazor WebAssembly 项目部署到新的 Azure Static Web Apps 实例的步骤：
1. 设置 API URL ：在发布之前，需要为 API 设置正确的 URL。因为现在是单独发布 Blazor WebAssembly，所以要将 HttpClient 中使用的 API URL 设置为正确的 API。可以在 Blazor 项目的 wwwroot 文件夹内的 appsettings.json 文件中设置 API 链接。获取 API 链接有两种方式：一是自己像之前部署 Blazor 项目一样部署 API 项目；二是直接将其设置为 https://mastering-blazo