BlazorWASM应用中,“ASP.NETCorehosted”的目的是什么?
创始人
2024-12-21 22:00:08
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,以便从后端服务器中获取数据。

相关内容

热门资讯

安装apache-beam==... 出现此错误可能是因为用户的Python版本太低,而apache-beam==2.34.0需要更高的P...
避免在粘贴双引号时向VS 20... 在粘贴双引号时向VS 2022添加反斜杠的问题通常是由于编辑器的自动转义功能引起的。为了避免这个问题...
Android Recycle... 要在Android RecyclerView中实现滑动卡片效果,可以按照以下步骤进行操作:首先,在项...
omi系统和安卓系统哪个好,揭... OMI系统和安卓系统哪个好?这个问题就像是在问“苹果和橘子哪个更甜”,每个人都有自己的答案。今天,我...
原生ios和安卓系统,原生对比... 亲爱的读者们,你是否曾好奇过,为什么你的iPhone和安卓手机在操作体验上有着天壤之别?今天,就让我...
Android - 无法确定任... 这个错误通常发生在Android项目中,表示编译Debug版本的Java代码时出现了依赖关系问题。下...
Android - NDK 预... 在Android NDK的构建过程中,LOCAL_SRC_FILES只能包含一个项目。如果需要在ND...
Akka生成Actor问题 在Akka框架中,可以使用ActorSystem对象生成Actor。但是,当我们在Actor类中尝试...
Agora-RTC-React... 出现这个错误原因是因为在 React 组件中使用,import AgoraRTC from “ago...
Alertmanager在pr... 首先,在Prometheus配置文件中,确保Alertmanager URL已正确配置。例如:ale...