集成Angular 2和.NET Core Web API的最佳方式是什么？

Question

我目前有2个项目供我的解决方案。前端是一个Angular 2应用程序，由Angular cli和后端在.NET Core Web API中创建。

如何将这两个应用程序集成在一起，以便它们在相同的端口上提供服务？目前我已经把头文件放到了web API中，以允许跨所有域请求，但我不想在生产中做到这一点，我还需要引入身份验证，所以我需要一个在Angular 2应用程序和API。

我仍然想使用Angular cli脚手架Angular应用程序，但希望前端通过与api相同的端口提供服务。

我想将Angular cli文件添加到Visual Studio项目中，这样当我启动api的一个实例时，它也会服务于前端项目。

另外，当我从Visual Studio做一个发布时，我希望它做和ng构建和包括api前端的生产版本。这可能吗？

Answer 1

有用于核心的angular2模板，它使用webpack和服务器端渲染（角度通用）。 http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

不幸的是，在服务器端渲染（如访问DOM）有几个限制。

如果是这样，您可以直接从index.cshtml开始您的angular2项目，并手动配置所有关于模板设置的内容。

Answer 2

由于以下几个原因，你不能这么做。它导致两个应用程序路由中的冲突。另外我不认为像Apache或IIS这样的Web服务器可以做到这一点。我建议你像api.domain.com一样为asp.net api创建子域，并在主域中托管你的角度应用程序。

此外，您的想法结合角应用程序和asp.net并不常见，因为这两个应用程序需要不同的工具来编译/转储或部署。