С помощью каких методов angular 2 можно сделать 2 экрана игры?

Question

[Programep]

Добрый день!
Разрабатываю игру на angular 2.
Подскажите, как лучше реализовать следующее (схематично изобразил на рисунке ниже):
1. Игрок заходит на первую страницу видит список активных игр и кнопку создать новую игру.
2. При создании/выборе игры игрок переходит на другой экран, на котором находится поле игры.
Думаю может быть с помощью router?

Answer 1

[Ivan Stroykin]

Ну да, если игр несколько, лучше всего будет создать под каждую игру Lazy Loading Module, чтобы они подгружались по мере надобности. Главный экран в основном модуле. В чем. собственно. загвоздка?

Comments

[Programep]

В чем. собственно. загвоздка?

Я только изучаю angular 2, поэтому не знаю как лучше решить данную задачу.) По сути, уже запланировал делать на route, только осталось придумать как перенаправлять игрока в игру, которую он еще не доиграл из-за разрыва соединения.
Подскажите еще, пожалуйста, как правильно делать авторизацию на angular 2? Как я понял из офф-руководства: в продакшене все компоненты собираются в один файл, соответственно к ним доступ никак не закрыть? Или можно как-то модули ajax-ом подгружать после успешной авторизации?

[Ivan Stroykin]

Programep, По самой авторизации JWT. Разделы разбиваете на модули и используете Lazy Loading (почитайте про это, для каждого такого модуля будет создаваться отдельный chunk). При инициализации приложения будет загружаться только основа, здесь же при инициализации проверяете авторизован ли пользователь. если нет --> перенаправляете на авторизацию (модуль авторизации подгружается), если да --> перенаправляете в раздел выбора игр (модуль подгружается). Таким образом при загрузке очень сильно сэкономите размер при первоначальной загрузке.

[Programep]

Иван Стройкин, Спасибо за советы! Буду пробовать. Подскажите, пожалуйста, еще что такое chunk?

[Ivan Stroykin]

Programep, chunk - это просто фрагмент данных

[Ivan Stroykin]

Programep, Советую почитать официальную документацию, ну или посмотреть уроки (если понимаете английский - то выбора больше, если не понимаете, то можете посмотреть уроки, к примеру, от ITVDN, CodeDojo на YouTube)

[Programep]

Иван Стройкин, Спасибо за советы! Буду дальше изучать angular.