17、从 Blazor WebAssembly 消费 Web API 及用户认证授权详解

从 Blazor WebAssembly 消费 Web API 及用户认证授权详解

1. 从组件中分离 API 调用

在使用 Blazor WebAssembly 构建应用时，为了提高代码的可读性和可测试性，我们可以将发送 API 请求的代码从组件中分离到单独的服务中。以下是具体的操作步骤：
1. 添加新方法到 IBooksService 接口 ：在 Services 文件夹的 IBooksService 接口中，添加一个名为 AddBookAsync 的新方法，该方法接受一个 SubmitBook 对象作为参数，且不返回任何内容。

public interface IBooksService
{
    Task<List<Book>> GetAllBooksAsync();
    Task<Book?> GetBookByIdAsync(string? id);
    Task AddBookAsync(SubmitBook book);
}

2. 创建新的服务类 ：在 Services 文件夹中，创建一个名为 BooksHttpClientService.cs 的新 C# 类，该类将实现 IBooksService