如何在 ASP.NET Core 中实现 Angular 4 服务器预渲染答案

【问题标题】：How to implement angular 4 server prerendering in ASP.NET Core如何在 ASP.NET Core 中实现 Angular 4 服务器预渲染
【发布时间】：2017-04-28 23:22:55
【问题描述】：

我正在将 ASP.NET Core 项目从 AngularJS 升级到 Angular 4。现在 Angular Universal（一个社区分支）已集成到 Angular 本身中，我想尝试服务器预渲染。

使用 Vue 2 和 ASP.NET Core 进行服务器预渲染非常优雅（例如 http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/）。

是否有任何类似的示例或教程将 Angular 4 服务器预渲染与 ASP.NET Core 集成，避免对 Angular Universal 示例进行任何重构？

【问题讨论】：

标签： asp.net-core prerender angular4

【解决方案1】：

现在我们又过了一个月，MarkPieszak 完成了一项令人难以置信的工作，即为此准备了一个入门模板：通过在服务器端使用 node.js 对 Angular 4 应用程序进行服务器预渲染。

我现在可以参考以下内容来回答我自己的问题：

ASP.NET Core & Angular 4 with server-side prerendering

此入门模板运行一个开箱即用的完美示例。它有据可查，目前的路线图上有更完整的文档。
Angular AspnetCore Engine

在 ASP.NET Core 上实现服务器预渲染的核心。我有一个不错的自述文件，可以从头开始。

【讨论】：

赞成。你能看到我的问题吗？ stackoverflow.com/questions/44306233/…
无法理解如何使用 ASP.NET Core Web API 和 Angular 4 实现服务器端渲染。请看我的问题。提前致谢。

【解决方案2】：

我有这个 Angular 4 asp.net 核心的包/展示，它确实显示了某种服务器预渲染，但是，Angular 在结构上不希望服务器担心客户端视图/页面，而只是从服务器询问数据。

使用此控制器，您可以进行剪切并按自己的方式前进： https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/HomeController.cs

使用这个控制器，Angular 只要求数据并将视图部分留给它自己： https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/StaffController.cs

https://github.com/Longfld/ASPNETCoreAngular4

【讨论】：

感谢您的回答，它将在其他方面证明是有用的，但不幸的是不是我所追求的预渲染：我真的希望整个角度视图在服务器端同时预渲染Angular Universal 这样做的方式。这是通过在服务器上使用 node.js 并实现两个引导文件来完成的；一个用于服务器，一个用于浏览器，一旦它控制了 DOM。我找到了一个类似尝试的样本here，但这个用户似乎也被卡住了。
似乎 JavascriptServices 现在有 an issue 开放以升级到 Angular 4，它包括服务器前渲染。关注这个！