BlazorWASM应用中,“ASP.NETCorehosted”的目的是什么?
创始人
2024-12-21 22:01:40
0

“ASP.NET Core hosted” 是 Blazor WebAssembly 应用程序模板中的一个选项,它表示应用程序使用 ASP.NET Core 作为其后端运行时。这种配置使得开发人员能够在 ASP.NET Core 中实现服务器端 Blazor 和客户端 Blazor 之间的通信。

例如,假设我们希望在 Blazor WASM 应用中使用 ASP.NET Core 作为后端来存储和检索数据。现在我们可以创建一个带有“ASP.NET Core hosted”选项的 Blazor WASM 应用程序,然后在 ASP.NET Core 中创建 Web API 来附加到 Blazor WASM 应用程序中。

下面是一个简单的代码示例:

  1. 创建具有“ASP.NET Core hosted”选项的 Blazor WebAssembly 应用程序。

  2. 在“Server”项目中创建一个新的控制器:

[Route("api/[controller]")]
[ApiController]
public class WeatherForecastController : ControllerBase
{
    [HttpGet]
    public IEnumerable Get()
    {
        var rng = new Random();
        return Enumerable.Range(1, 5).Select(index => new WeatherForecast
        {
            Date = DateTime.Now.AddDays(index),
            TemperatureC = rng.Next(-20, 55),
            Summary = Summaries[rng.Next(Summaries.Length)]
        })
        .ToArray();
    }

    private static readonly string[] Summaries = new[]
    {
        "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
    };
}
  1. 在 Blazor WASM 应用程序中调用该 API:
protected override async Task OnInitializedAsync()
{
    var forecasts = await http.GetFromJsonAsync("api/weatherforecast");
}

现在,在 Blazor WASM 应用程序中,我们可以调用 ASP.NET Core Web API,以便从后端服务器中获取数据。

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...