如何在 .NET 中为 Web Api 服务创建网页客户端？

Question

目前我有一个 Web Api 服务，但我正在尝试为该 WEB API 创建一个简单的页面。问题是我不知道这样做的最佳想法是什么，例如我可以创建一个 angular 项目，但这会花费我一些时间，因为我不知道如何使用 angular 而且我´m 使用 visual Studio 2022（不是 VSCode）。

这张照片是我需要做的事

我的问题也是如何为网络调用数据 api（例如：我创建了一个按钮并为网络调用控制器 api）有人可以给我 documentation/help 来“连接”这两个项目。下一张照片显示了完整的解决方案（ClientProject 是一个空的 Razor 模板页面，我需要在其中编辑必须调用 web api 的页面（我只是不知道该怎么做），而 ServerProject 是网络 Api 有很多我想重复使用的东西）

欢迎任何帮助

Answer 1

您没有“连接”Visual Studio 中的两个应用程序。虽然应用程序在同一个解决方案中，但您应该将它们视为独立的实体。

如果您希望“Client_Authentication”网络应用程序与“Server_Authentication”网络应用程序通信，您需要POST从“Client_Authentication”到“Server_Authentication”并在“Client_Authentication”webapp 中处理响应。

一个非常基本的例子：在“Client_Authentication”网络应用程序中，您有一个名为“提交”的按钮。在视图中添加这样的脚本

$("submit").click(function(){
  $.post("YOUR_HOSTNAME_OF_SERVER_AUTHENTICATION", function(data, status){
    alert("Response: " + data);
  });
});

这将在警告框中输出来自“Server_Authentication”的响应。

请注意，上面是一个非常基本的示例，脚本嵌入在视图中。您可能想考虑将脚本与视图分开，但这超出了问题的范围

如何在 .NET 中为 Web Api 服务创建网页客户端？

How to create a Web Page Client for a Web Api Service in .NET?

c#

user-interface

.net-core

webapi