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

Question

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

Answer 1

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

您可以检查每个 React 组件以及该组件中传递/处理的数据，然后创建相应的控制器操作和视图页面以在 MVC 中实现相同的操作。

注意： 通常是 WebAPI 后端响应并将数据返回到 React 前端，然后我们在前端处理数据并将其呈现为预期的 html。在 MVC 中，控制器动作通常会返回视图结果并将视图模型数据传递给视图以呈现网页。

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

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