2017-03-25 4 views
4

Ich aktualisiere ein ASP.NET Core-Projekt von AngularJS zu Angular 4. Nun, dass Angular Universal (eine Community-Zweig) in Angular selbst integriert wurde, möchte ich mit dem Server-Pre-Rendering zu experimentieren.Wie Winkel 4 Server Prerendering in ASP.NET Core implementieren

Server, der mit Vue 2 und ASP.NET Core vorrendering ist ziemlich elegant (z. B. http://mgyongyosi.com/2016/Vuejs-server-side-rendering-with-aspnet-core/).

Gibt es ähnliche Beispiele oder Tutorials über die Integration von Angular Server, die mit ASP.NET Core vorrendern, und dabei jegliches Refactoring von Angular Universal Samples zu vermeiden?

Antwort

6

wir jetzt Noch einen Monat weiter und MarkPieszak hat einen unglaublichen Job gemacht, ein Starter-Template für genau das zusammenzustellen: Server-Pre-Rendering einer Angular 4-App mit node.js auf der Server-Seite.

Ich kann jetzt meine eigene Frage beantworten, indem sie diese Referenzierung:

+0

Upvoted. Kannst du meine Frage sehen? https://stackoverflow.com/questions/44306233/using-addtaghelper-in-asp-net-core-webapi-asp-net-prerendering – StepUp

+0

kann nicht verstehen, wie ich serverseitige Rendering mit ASP.NET Core Web API und Angular implementieren kann 4. Bitte, siehe meine Frage. Danke im Voraus. – StepUp

0

Ich habe dieses Paket/Schaufenster für eckigen 4 asp.net Kern, es zeigt sich eine Art von Server vorrendern aber, eckig strukturell will nicht Server über Client-Ansicht/Seite sorgen und fragen Sie einfach Daten vom Server.

mit diesem Controller kann man schneiden und machen Sie Ihren Weg: https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/HomeController.cs

mit diesem Regler stellen Winkel nur für Daten und Ansicht Teil auf sich selbst verlassen: https://github.com/Longfld/ASPNETCoreAngular4/blob/master/webapp/src/webapp/Controllers/StaffController.cs

https://github.com/Longfld/ASPNETCoreAngular4

+1

Vielen Dank für Ihre Antwort, wird es auch auf andere Weise als nützlich erweisen, aber leider nicht für den Pre-Rendering Ich bin nach: Ich mag wirklich die gesamte Winkelansicht auf der Serverseite in gleicher Weise vorgerendert wird Angular Universal hat dies getan. Dies wurde durch die Verwendung von node.js auf dem Server und durch die Implementierung von zwei Boot-Dateien erreicht. eine für den Server und eine für den Browser, sobald sie die Kontrolle über das DOM übernimmt. Ich fand ein Beispiel für ein ähnliches Unterfangen [hier] (http://stackoverflow.com/questions/42873506/angular-4-rc-4-and-net-core-server-side-prerendering?rq=1) , aber dieser Benutzer scheint auch festgefahren zu sein. – Sigge

+0

Scheint, dass JavascriptServices jetzt [ein Problem] (https://github.com/aspnet/JavaScriptServices/issues/800) geöffnet ist, um auf eckige 4 zu aktualisieren, es enthält Pre-Server-Rendering. Behalten Sie diese im Auge! – Sigge