Blazor Server应用程序中进行HTTP请求的最佳方法与实现

发布时间：2024-07-10 03:09:15 所属栏目：MsSql教程来源：DaWei

导读： 这篇文章主要讲解了“Blazor Server怎么进行HTTP请求，有哪些要点”，文中的讲解内容简单、清晰、详细，对大家学习或是工作可能会有一定的帮助，希望大家阅读完这篇文章能有所收获

这篇文章主要讲解了“Blazor Server怎么进行HTTP请求，有哪些要点”，文中的讲解内容简单、清晰、详细，对大家学习或是工作可能会有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。

一、第三方 Web API 概览
我们将开发一个 Blazor Server 应用程序，该应用允许用户在 Blazor 页面组件上输入国家代码和年份，然后我们将调用第三方 API 以获取指定国家和年份的公共假期列表。我们使用的第三方 API 是Nager.Date[3]，它是一个全球公共假期 API。

这是一个非常简单的 API，您可以轻松地在 Postman 中输入以下 URL 测试此 API。

二、从 Blazor Sever 应用程序开始
在 Visual Studio 2019 中创建一个 Blazor Server 应用程序，并新建一个名为 Models 的文件夹。在 Models 文件夹中添加以下两个模型类，以映射上述 Holidays API 的请求和响应。

HolidayRequestModel.cs

public class HolidayRequestModel
{
public string CountryCode { get; set; }
public int Year { get; set; }
}
HolidayResponseModel.cs

public class HolidayResponseModel
{
public string Name { get; set; }
public string LocalName { get; set; }
public DateTime? Date { get; set; }
public string CountryCode { get; set; }
public bool Global { get; set; }
}
接下来，在 Pages 文件夹中创建一个新的 Razor 组件 HolidaysExplorer.razor 和代码隐藏文件 HolidaysExplorer.razor.cs。

三、在 Blazor Server 应用程序中使用 IHttpClientFactory 创建 HttpClient

在 Blazor Server 应用程序中使用 HttpClient 请求第三方 API 有多种不同的方式，让我们从一个基础的示例开始，在该示例中我们使用 IHttpClientFactory 创建 HttpClient 对象。

在项目中创建一个 Services 文件夹，并创建如下的 IHolidaysApiService 接口。该接口只有一个方法 GetHolidays，它以 HolidayRequestModel 作为参数并返回 HolidayResponseModel 对象的列表。

IHolidaysApiService.cs

public interface IHolidaysApiService
{
Task<List<HolidayResponseModel>> GetHolidays(HolidayRequestModel holidaysRequest);
}
接下来，在 Services 文件夹中创建一个 HolidaysApiService 类，实现上面的接口。

public class HolidaysApiService : IHolidaysApiService
{
private readonly IHttpClientFactory _clientFactory;

public HolidaysApiService(IHttpClientFactory clientFactory)
{
_clientFactory = clientFactory;
}

public async Task<List<HolidayResponseModel>> GetHolidays(HolidayRequestModel holidaysRequest)
{
var result = new List<HolidayResponseModel>();

var url = string.Format("https://date.nager.at/api/v2/PublicHolidays/{0}/{1}",
holidaysRequest.Year, holidaysRequest.CountryCode);

var request = new HttpRequestMessage(HttpMethod.Get, url);
request.Headers.Add("Accept", "application/vnd.github.v3+json");

var client = _clientFactory.CreateClient();

var response = await client.SendAsync(request);

if (response.IsSuccessStatusCode)
{
var stringResponse = await response.Content.ReadAsStringAsync();

result = JsonSerializer.Deserialize<List<HolidayResponseModel>>(stringResponse,
new JsonSerializerOptions() { PropertyNamingPolicy = JsonNamingPolicy.CamelCase });
}
else
{
result = Array.Empty<HolidayResponseModel>().ToList();
}

return result;
}
}
在上面的 GetHolidays 方法中，我们首先为第三方 API 创建了一个 URL，并将国家代码和年份参数添加到 URL 中。

var url = string.Format("https://date.nager.at/api/v2/PublicHolidays/{0}/{1}", holidaysRequest.Year, holidaysRequest.CountryCode);

接下来，我们创建了 HttpRequestMessage 对象并配置它以向第三方 API URL 发送 HTTP GET 请求。

var request = new HttpRequestMessage(HttpMethod.Get, url);
request.Headers.Add("Accept", "application/vnd.github.v3+json");

可以使用依赖注入 (DI) 请求一个 IHttpClientFactory，这正是我们将其注入到前面类的构造函数的原因。下面这行代码使用 IHttpClientFactory 创建了一个 HttpClient 实例。

var client = _clientFactory.CreateClient();

有了 HttpClient 对象之后，我们简单地调用它的 SendAsync 方法来发送一个 HTTP GET 请求。

四、在 Blazor Server 应用程序中创建命名 HttpClient 对象

上面的示例适用于您正在重构现有的应用程序，希望在不影响整个应用程序的情况下，在某些方法中使用 IHttpClientFactory 创建 HttpClient 对象的场景。如果您要创建一个全新的应用程序，或者您想要将创建 HttpClient 对象的方式集中化，那么您必须使用命名 HttpClient。

下面是创建命名 HTTP 客户端的好处：

我们可以为每个 HttpClient 命名，并在应用程序启动时指定与 HttpClient 相关的所有配置，而不是将配置分散在整个应用程序当中。
我们可以只配置一次命名的 HttpClient，并多次重用它调用一个特定 API 提供者的所有 API。
我们可以根据这些客户端在应用程序不同区域的使用情况，配置多个不同配置的命名 HttpClient 对象。
我们可以在 Startup.cs 文件的 ConfigureServices 方法中，使用前面用过的名为 AddHttpClient 方法指定一个命名的 HttpClient。

Startup.cs

public void ConfigureServices(IServiceCollection services)
{
services.AddRazorPages();
services.AddServerSideBlazor();

services.AddSingleton<IHolidaysApiService, HolidaysApiService>();

services.AddHttpClient("HolidaysApi", c =>
{
c.BaseAddress = new Uri("https://date.nager.at/");
c.DefaultRequestHeaders.Add("Accept", "application/vnd.github.v3+json");
});
}
我们需要指定客户端的名称（例如 HolidaysApi），我们还可以配置如上所示的 BaseAddress、DefaultRequestHeaders 和其他属性。

配置了命名 HttpClient 之后，我们可以使用相同的 CreateClient 方法在整个应用程序中创建 HttpClient 对象，不过这次我们需要指定想要创建哪个已命名的客户端（例如 HolidaysApi）。

HolidaysApiService.cs

public class HolidaysApiService : IHolidaysApiService
{
private readonly IHttpClientFactory _clientFactory;

public HolidaysApiService(IHttpClientFactory clientFactory)
{
_clientFactory = clientFactory;
}

public async Task<List<HolidayResponseModel>> GetHolidays(HolidayRequestModel holidaysRequest)
{
var result = new List<HolidayResponseModel>();

var url = string.Format("api/v2/PublicHolidays/{0}/{1}",
holidaysRequest.Year, holidaysRequest.CountryCode);

var request = new HttpRequestMessage(HttpMethod.Get, url);

图文无关,原创配图

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!