Angular 2 Универсальный - рендеринг на стороне сервера

Я читал о рендеринге Angular 2 на стороне сервера с помощью node.

Но я не могу найти пример или объяснить, как мне это сделать. Мне нужно отображать некоторые страницы с Angular с сервера, какие-либо советы?

Ответ 1

Это пример создателей angular -universal, используемых в их разговорах, его рабочий репо → https://github.com/angular/universal-starter/tree/angular-connect

И это разговор - Полный стек Angular 2

Ответ 2

Хорошо, посмотрите на этот стартовый комплект https://github.com/alexpods/angular2-universal-starter. Он поддерживает серверную поддержку, поддержка веб-работников (в приложении angular2 работает веб-рабочий), ленивая загрузка (с использованием кода webpack расщепление) и многое другое. Надеюсь, это поможет вам.

Раскрытие информации. Я автор.

Ответ 3

Посмотрите здесь: https://universal.angular.io/

Похоже, что "некоторые" официальной документации/сайта теперь подняты. Документы API находятся в коде, но для быстрой справки см. Следующие ссылки:

https://universal.angular.io/api/universal/index.html#typedoc-main-index https://universal.angular.io/api/preboot/globals.html

Хороший сторонний обзор и настройка doc: https://mickaelkerjeanblog.wordpress.com/2016/05/02/angular-universal/

Ответ 4

Там еще пример репо в https://github.com/ng-seed/universal демонстрируя как Универсальный, так и lean Angular в одном проекте.

Это приложение использует platform-server, поставляемый с Angular 4.0.0, и это может быть хороший проект стартера/семестра, пока Angular не предоставит некоторую документацию о использование platform-server.

Кроме того, он охватывает большинство функций angular2-webpack-starter AngularClass, такие как асинхронные / ленивые маршруты, SCSS компиляция (как встроенные, так и внешние), режимы dev/prod, AoT сильная > компиляция через @ngtools/webpack, тесты, TsLint/Codelyzer, @types и, возможно, больше.

Раскрытие: Я тоже автор:)