Как реализовывается SPA приложение? Какой бэк выбрать между PHP и Java?

Question

[Sans84]

Ниже вопросов немного описания для чего мне это.
Имеем:
Сервер отдает входную страничку (например spa-face.com). Она формируется на сервере и отдается клиенту, а далее работает ajax с подгрузкой данных (например в json-формате).
1. И тут возникает первый вопрос - прорисовка UI по этим данным производится на стороне. Каким образом это реализуется? В получаемых данных кроме самих данных еще хранится информация о прорисовке компонентов для отображения?
2. Если пользователь изначально забивает не корень сайта, а например spa-face.com/posts, то какие операции проделывает сервер и какие клиент? (сервер сразу должен отдать данные для прорисовки конкретной страницы, или он отдает входную, а затем каким-то образом посылается еще запрос на получение posts?

Важный момент - спрашиваю т.к. нужно реализовать web app. MPA не вариант, т.к. данные будут браться с бэка через REST API (не FULL). Бэка два, уже написаны до меня - один на PHP, другой на JAVA. Пользовали его в мобильных приложениях для отслеживания "телодвижений" (контроля). А мне теперь нужно неспеша это все перевести на web с добавлением логики и составления отчетности.
Как бы знаю Java Core, PHP, немного JS, разметку, стили. Это база, поэтому нужно подучить что-то новенькое. А тут какраз можно совместить приятное с полезным.
Начал рыться в просторах паутины и загруз в зоопарке возможных решений. В классическом фронте сейчас мода на React+Redux или Angular. А вот по Java что-то туго найти сторону, в которую желательно смотреть - второй день читаю "битвы" приверженцев разных технологий. В основном это монстрик Spring, GWT, или как бы мертвый JSF. Застрелиться можно )))

В общем, дайте плиз ответы на два вопроса (своими словами, ссылками, только чтобы минимум текста, желательно с примерами).
А также подскажите на чем мне запилить фронт. В принципе картинка не важна, поэтому есть возможность поизвращаться запилив одно направление на одной технологии, другое на другой (сервера то два :-) )

Answer 1

[Дмитрий]

1 естественно что все данные для прорисовки передаются сразу
в случае spa это как правило неизменный каркас, css, и кусочки html в качестве шаблонов в js который и занимается "отрисовкой"
2 тут уж как сам настроишь
проще всего редиректить на главную с указанием в хеше что догрузить

зы мобильное приложение можно сделать из SPA с помощью cordova и минимальной доработки напильником

Comments

[Sans84]

Мобильные приложения есть. Нужно сделать Web. И выходит, что чистого REST API которое используется мобильными приложениями, недостаточно. Для SPA нужно не просто данные присылать (под данными имею ввиду значения вытянутые с БД), а и каркас. Я правильно понимаю?

[Дмитрий]

Правильно

[Sans84]

Плоховато. Неохота дублировать API

[Дмитрий]

а это и не обязательно

[Sans84]

И какие варианты, если я с серверов получаю примерно такое:

{
    "id":654,
    "name":"Pallet 1x1",
    "description":"Pallet of wood 1x1",
    "accessories":{
        "Block of wood 200x200":{
            "id":127,
            "name":"Block of wood 200x200"
        },
        "Nails 100":{
            "id":56,
            "name":"Nails 100"
        },
        "Board 25x100":{
            "id":131,
            "name":"Board 25x100"
        }
    }
}

[Дмитрий]

обычные варианты
spa загружается отдельно
а потом догружает необходимые файлы по уже существующему api ,благо у вас обычный json

[Sans84]

а как быть при таком раскладе с индексацией для поисковых роботов? Они же будут получать пустую страничку по всем запросам

[Strannyk]

Sans84, SPA можно рендерить на серверной Node.js.

[Sans84]

Strannyk, можно. И так делается изоморфный код. Но у меня уже есть бэк, нужно делать фронт

[Strannyk]

Sans84, Нет. Почитайте про SSR.

[Sans84]

Strannyk, Что нет? SSR - это и есть часть бэка. По сути нужно будет еще и сервер для Node.JS (третий :-) )

[Strannyk]

Sans84, а вы хотите и SPA на клиенте рендерить, и с поисковиками дружить?

[Sans84]

Strannyk, поисковики я для общего развития. Сейчас мне нужно сделать SPA для уже имеющихся бэков написанных на PHP и JAVA

Answer 2

[Elmo Sputterspark]

Выбирай Java. Для SPA хорошо подойдёт Spring WebFlux, но можно и на JAX-RS накатать.

Comments

[Sans84]

Почитал я о Spring WebFlux. Много не понятного (все примеры тупо копируют официальную документацию, которая для новичка в теме Spring непонятна). Но что понял - это реализация реактивного API и она не поддерживается реляционными БД.

[Elmo Sputterspark]

Sans84, ещё как поддерживается.

[Sans84]

Elmo Sputterspark, и какая реляционная БД поддерживает асинхронные запросы (не блокирующие запросы)?

[Elmo Sputterspark]

Sans84, PostgreSQL поддерживает, но это к делу не относится, так как Spring обеспечивает асинхронность выборки с помощью ThreadPoolExecutor.