3、Blazor WebAssembly项目剖析与组件开发指南

Blazor WebAssembly项目剖析与组件开发指南

1. Blazor WebAssembly项目基础

1.1 依赖注入与服务实现

在Blazor WebAssembly项目中，依赖注入（DI）是一个重要概念。完成从创建服务抽象层到实现服务，再到将服务注册到DI容器，最后在单独组件中注入和使用该服务的完整周期。运行项目并导航到“Fetch data”页面，数据检索完成后，打开浏览器控制台，会看到消息“Number of items retrieved is 5”。若想深入了解Blazor中的DI概念，可查看链接：https://learn.microsoft.com/en-us/aspnet/core/blazor/fundamentals/dependency-injection?view=aspnetcore-7.0 。

1.2 应用配置的创建、存储与检索

应用配置是应用程序在其生命周期中使用的一组设置，有助于避免在代码中硬编码可能随时更改的值，在处理多环境时尤为重要。例如，可以存储应用程序与之通信的API的URL，开发环境和生产环境的URL可能不同。

Blazor WebAssembly支持从 wwwroot 文件夹中的JSON文件进行配置。文件必须命名为 appsettings.json ，若要为每个环境创建配置文件，可使用 appsettings.{ENVIRONMENT}.json ，如 appsettings.Development.json 。

以下是创建和使用配置文件的