使用 ASP.NET Core 和 Angular2 的最佳方法答案

【问题标题】：Best approach with ASP.NET Core and Angular2使用 ASP.NET Core 和 Angular2 的最佳方法
【发布时间】：2016-06-13 22:23:49
【问题描述】：

我在 ASP.NET MVC 4 中有一个中小型应用程序（我们称之为 Portal），我们计划迁移到更轻量级和动态的东西（例如单页应用程序）。

由于我们的移动应用在 Ionic 1 中并且我们正在将其迁移到 Ionic 2，因此我也想将我们的 Portal 迁移到 Angular2。

我的目标是找到关注性能和可扩展性的最佳方法。

据我了解，基本上我有两种选择：

创建一个 ASP.NET Core MVC 应用程序并添加 Angular2 库 (http://www.centare.com/tutorial-angular2-mvc-6-asp-net-5/)
创建一个 ASP.NET Core 应用程序，将其作为 WEB API 提供，并在解决方案之外创建一个 Angular2 应用程序（甚至使用另一个 IDE，如 Visual Studio Code）并调用其余的 Web API。

我错过了大局还是正确的？作为更有经验的人，你有什么建议？

提前谢谢你

【问题讨论】：

这篇博文在 wwwroot 中缺少 Index.html，我猜它应该是 Angular 2 应用程序的主页，并在从 API 获取数据的 wwwroot 中添加更多后续视图。
_Layout.cshtml 完成了这项工作。是的。但我不知道是否应该创建另一个网站（WEB API）或将我的控制器放在同一个网站中，混合 ASP.NET MVC 和 Angular2。

标签： angular asp.net-core

【解决方案1】：

我认为 WebApi 和 SPA 应该是完全不同的项目。当您设置像 nginx 这样的前端网络服务器时，您可以将其配置为服务来自 ASP.NET Web api 的所有 /api 请求并通过 SPA 处理其他请求。因此，它可以清晰地分离应用程序的不同层，并允许您在将来轻松添加其他后端服务和前端 SPA 应用程序（如果需要）。

【讨论】：

有道理。但是所有 ASP.NET MVC 的好处呢？就像剃刀一样。如果我决定创建 2 个网站（ASP.NET MVC 和一个 Angular2 应用程序），我将不得不在 Angular2 中复制我的模型。你觉得这很明智吗？还是它确实应该是这样？
我认为同时使用 MVC 和 Angular2 是没有意义的 - Angular 2 具有非常强大和高性能的模板引擎，因为它在客户端上工作所以更加灵活。关于您的模型 - 您只需要复制 WebApi 返回的简单类，您甚至可以使用 bridge.net/kb/generate-typescript-definitions 从 C# 对象自动生成 TypeScript 模型对象
我想你re right. Thank you! Thats 我会做什么。