asp.net-core - 如何在 ASP.NET Core 中实现 Angular 4 服务器预渲染

Question

我正在将一个 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 示例进行任何重构？

Answer 1

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

我现在可以通过引用来回答我自己的问题：

• 带有服务器端预渲染的 ASP.NET Core 和 Angular 4

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

• Angular AspnetCore 引擎

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

Answer 2

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

使用此控制器，您可以进行切割和制作： https ://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/HomeController.cs

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

https://github.com/Longfld/ASPNETCoreAngular4