【问题标题】: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 应用程序进行服务器预渲染。

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

    【讨论】:

    • 赞成。你能看到我的问题吗? 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,它包括服务器前渲染。关注这个!
    猜你喜欢
    • 2018-03-21
    • 2021-06-11
    • 2016-11-08
    • 1970-01-01
    • 2020-04-10
    • 1970-01-01
    • 2021-10-20
    • 2018-09-09
    • 2018-07-05
    相关资源
    最近更新 更多