集成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並不常見，因爲這兩個應用程序需要不同的工具來編譯/轉儲或部署。