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

Question

我正在将 ASP.NET 核心项目从 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 进行任何重构样本？

Answer 1

我有这个 package/showcase 用于 angular 4 asp.net 核心，它确实显示了某种服务器预渲染但是，angular 在结构上不希望服务器担心客户端 view/page 并只向服务器请求数据。

使用此控制器，您可以按照自己的方式进行切割： 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

Answer 2

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

我现在可以参考这个回答我自己的问题：

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

  这个入门模板开箱即用，是一个完美的示例。它有据可查，当前路线图上有更完整的文档。

• Angular AspnetCore Engine

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