2016-01-20 7 views
17

Я читал об рендеринге стороны Angular 2 с помощью узла.Угловой 2 Универсальный - визуализация на стороне сервера

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

+1

Мое понимание одного из последних сообщений в блоге, что Угловая 2.x на стороне сервера визуализации был один из последних модулей, которые будут закодированы и все еще справедливо в разработке. –

+1

Вы можете проверить репо проекта https://github.com/angular/universal –

ответ

22

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

Disclosure: Я - его автор.

+0

ли ваш код генерирует статический html моей html-страницы, если у него мало дочерних компонентов внутри родительского компонента? потому что я пытался сделать это, используя универсальный стартовый комплект, но не работал –

+1

@BhushanGadekar Да, конечно. Мой стартер генерирует статический html с любым количеством дочерних компонентов. – alexpods

+1

где статический html создан и сохранен? –

5

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

Похоже, «некоторые» из официальной документации/сайта в настоящее время до. API Docs в коде, но для быстрой справки см эти ссылки:

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

Nice третья сторона Обзор и настройка док: https://mickaelkerjeanblog.wordpress.com/2016/05/02/angular-universal/

3

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

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

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

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

Смежные вопросы