2016-01-20 4 views
17

Ich habe über Angular 2 Server Side Rendering mit Knoten gelesen.Angular 2 Universal - Server-seitiges Rendern

Aber ich kann kein Beispiel finden oder erklären, wie ich das tun soll. Ich muss einige Seiten mit eckigen vom Server rendern, irgendwelche Ratschläge?

+1

Mein Verständnis von einem der neueren Blog-Posts war, dass Angular 2.x serverseitige Rendering war eine der letzten Module kodiert werden und ist immer noch ziemlich in Entwicklung. –

+1

Sie können das Repo des Projekts überprüfen https://github.com/angular/universal –

Antwort

22

Nun, schauen Sie in diesem Starter-Kit https://github.com/alexpods/angular2-universal-starter . Es hat Server-Seite Rendering, Webworker unterstützen (gesamte angular2 Anwendung wird in einem Web-Arbeiter ausgeführt wird), verzögertes Laden (mit webpack Code Splitting) und viele andere Dinge. Ich hoffe es hilft dir.

Offenlegung: Ich bin der Autor.

+0

generiert Ihr Code statische HTML meiner HTML-Seite, wenn es wenige Kindkomponenten innerhalb der Elternkomponente hat? weil ich versuchte, dies mit dem universellen Starter-Kit zu tun, aber nicht funktioniert –

+1

@BhushanGadekar Ja, natürlich. Mein Starter generiert statisches HTML mit einer beliebigen Anzahl von untergeordneten Komponenten. – alexpods

+1

Wo wird statisches HTML generiert & gespeichert? –

3

Es gibt eine andere example repo bei https://github.com/ng-seed/universal beide präsentieren Universal- und Lean Angular an einem einzigen Projekt.

Diese Anwendung verwendet platform-server geliefert mit Angular 4.0.0, und es könnte ein gutes Starter/Saatgutprojekt sein, bis Angular eine Dokumentation über die Verwendung von platform-server bietet.

Darüber hinaus deckt es die meisten Funktionen von angular2-webpack-starter von AngularClass wie async/faul Routen, SCSS Kompilation (sowohl Inline- als auch externe), dev/prod Modi, AoT Kompilation über @ngtools/webpack, Tests, TsLint/Codelyzer, @types und vielleicht mehr.

Disclosure: Ich bin der Autor auch :)