Разница MEAN 2.0 и Angular Universal?

Question

[Alexander Belov]

С серверной частью никогда не работал. Недавно узнал про Angular Universal.
Как я понимаю, одной из его крутостей является то, что он делает NG2 приложения "видимыми" для поисковиков.

Почему для этих целей не использовать MEAN 2.0? Тоже используем сервер, тоже можно рендерить нужный компонент для запроса,
предварительно проработав контент для поисковиков.

В чём разница? Или я не правильно понял предназначение?

Answer 1

[_ _]

В рамках MEAN Express.js отвечает только за отдачу статики клиенту и обработку API-запросов.
В AngularJS (так называем первую версию) нет возможности запустить его в момент обработки запроса от браузера непосредственно к Express.js, дабы сформировать HTML, за который отвечает AngularJS, и отдать его клиенту.
Раз этого сделать нельзя - грустно машем платочком вслед поисковым ботам.

Universal позволяет запустить Angular2 приложение в момент обработки запроса Express.js, сформировать HTML на сервере, отдать этот HTML клиенту, на клиенте подцепить Angular2 приложение и продолжить работу с того состояния, в котором приложение находилось после рендера на сервере.

Comments

[Alexander Belov]

Возможно, не очень правильно сформировал вопрос. Я имел в виду MEAN 2.0 (с Angular2) VS Angular Universal, где тот же Angular2.

[_ _]

Alexander Belov: Angular Universal это клей между Angular2 и Nodejs для серверного рендера.

Проще говоря, MEAN с Angular2 должен использовать Universal для реализации серверного рендера

[Даша Циклаури]

Гидрации как в реакт или вью в ангуляр 2 нет

[_ _]

Даша Циклаури: вообще есть - Universal гидрирует стейт компонентов в JSON и его выкидывает в конец body. Но я делал на redux, гидрацию делал через него.

[Даша Циклаури]

Александр Марченко: неполноценная гидрация у юниверсал, только пока результаты запросов может, стор не умеет, мы уже писали в ишьюс разрабам по поводу неправильной схемы взятой от вью (https://vuejs.org/images/hn-architecture.png) , они признали что это так.

[Даша Циклаури]

Александр Марченко: вот правильная схема
https://raw.githubusercontent.com/MarkPieszak/aspn...

[_ _]

Даша Циклаури: а почему он стор-то должен гидрировать за вас? React же за вас стор не гидрирует. Руками сериализуйте и потом восстановите.
Angular2 и так opinionated дальше некуда, а вы хотите чтобы он еще больше был