如何在asp.net core 2.1应用程序中创建和运行Angular和React应用程序？

Question

此page讨论了在ClientApp文件夹中创建 angular 应用的过程。我想创建一个反应应用程序，可以通过另一个asp.net MVC路由对其进行访问。

我必须在由 Visual Studio 2017 创建的asp.net核心应用程序中进行哪些更改，才能同时运行两个SPA。

Answer 1

Visual Studio在2.1发行时提供了大多数模板。我不确定VS 2017是否由于某种原因未包含它，或者它们是否赶上了ASP.NET Core团队，但是您可以通过简单地打开命令行并键入

dotnet new react

dotnet new模板与VS 2017为您创建的模板完全相同，只是出于某些原因，目前UI中缺少React 1。

就个人而言，除非是相对简单的应用程序，否则我不会将Angular或React项目绑定到UI。但是，如果您针对同一API有两个单独的UI组件，那么我会认为情况很复杂，因此开始将我的关注点分开。

我将建立3个独立的项目。

• Api /
• AngularApp /
• ReactApp /

这样做的原因很多。

1. Angular与React相比具有不同的依赖关系，如果尝试在同一个项目中强制使用它们，您可能会遇到一些依赖版本冲突。
2. 关注点分离。从来没有一件坏事。
3. Angular拥有自己的CLI，可以搭建应用程序，模块和组件。我会使用它的全部功能，因为那是它的设计目的。
4. 更容易开发。每个服务器都有一个带有文件监视程序的开发服务器，可以在更改文件并单击保存后重建项目。 .NET Core有dotnet watch，Angular有ng serve，节点webpack和其他一些要响应的东西。
5. 如果您对项目进行Docker化，那么部署将很容易。一个docker-compose文件可以启动所有3个开发服务器。