将 .NET Core 3.1 Web API 与 React App 作为 MVC 应用程序集成

Integrate .NET Core 3.1 Web API with React App as MVC Application

我有两个独立的应用程序,一个作为 Web API 使用 .Net core 3.1,另一个用于使用 React 的客户端,这两个应用程序通过 HTTP 请求相互联系,现在的挑战是我想集成它们都是 MVC,那么推荐的集成步骤是什么。

如果您想将现有的 WebAPI 后端和 React 前端应用程序迁移到 ASP.NET 核心 MVC,您可能需要在新的 ASP.NET 核心 MVC 项目中从头开始实现这些功能。

您可以检查每个 React 组件和该组件中的数据 passed/handled,然后创建相应的控制器操作和视图页面以在 MVC 中实现它们。

注:通常WebAPI后台响应,return数据到React前端,然后我们在前端处理数据并渲染到预期html。在 MVC 中,控制器操作通常 return 查看结果并将视图模型数据传递给视图以呈现网页。

有关“将数据传递给视图”的更多信息,请查看此文档:

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/overview?view=aspnetcore-5.0#passing-data-to-views

此外,ASP.NET Core 中的局部视图和视图组件使我们能够实现可重用和模块化的单元,我们可以将可重用的渲染逻辑实现为局部视图或视图组件,然后在其他视图中调用它。

关于局部视图和视图组件的详细信息,请查看这些文档:

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/partial?view=aspnetcore-5.0

https://docs.microsoft.com/en-us/aspnet/core/mvc/views/view-components?view=aspnetcore-5.0