corelab Aug 10 2020 at 13:24

SSR: рендеринг ReactJS приложения на бекэнде используя PHP

6 min

13K

PHP*ReactJS*Symfony*

Comments 10

namikiri Aug 10 2020 at 13:43

Тут нам на помощь приходит Server Side Rendering вместе с движком V8 и PHP-extension V8JS.

Что дальше? Пишем интерпретатор PHP с использованием WebAssembly, собираем V8 и подключаем к нему?

Taraflex Aug 10 2020 at 17:37

Уже есть github.com/oraoto/pib

ShuraorSasha Aug 10 2020 at 14:13

спасибо за ссылку на исходник

AxisPod Aug 10 2020 at 14:55

Хм, зачем это на PHP делать? Чем ReactJS слаб для данных целей. Мы вот IDE делаем на ReactJS, визуальная, приложение прям тут же работает.

corelab Aug 10 2020 at 15:06

Нужно было сохранить результат рендера в HTML на диск.

m0rtis Aug 10 2020 at 15:35

Ну это тоже можно же было сделать силами реакта, а из php с помощью какого-нить Guzzle дергать нужный роут реакта, получать полный html в ответ и делать с ним, что угодно.
Кстати, а зачем вообще конструктору сайтов сохранять html в бд? Мне кажется, правильнее было бы хранить именно json. Если завтра юзер захочет заголовки поменять местами — он просто их поменяет. Если нужен на выходе статический сайт — ну у реакта наверняка есть в next.js такая фича, как генератор статики. Никакого смысла не вижу дублировать этот функционал.
Тут, если пойти дальше, то можно вообще дать выбирать фронтенд клиенту, подгружать, скажем, свои компоненты в конструктор. Выбрать, например, Вью вместо Реакта. А базу сохранять дерево из абстракций. Если сохранять html, ничего такого не выйдет уже.

Mnemonik Aug 10 2020 at 16:23

RactDOMServer.renderToString()?
это же стандартный SSR на реакте?

modestguy Aug 10 2020 at 15:05

Какой-то странный путь почесать за ухом)

alexprey Aug 13 2020 at 10:07

Для легаси проектов на php выглядит как неплохое и интересное решение. Но имя за спиной докер и рэббит, не проще ли было сделать сервис рендера на чистой ноде?
С указанным модулем не было никаких проблем?

corelab Aug 13 2020 at 11:50

Хороший комментарий!

На ноде сделать — это идеальный вариант. Не использовали её в связи с особенностями работы над проектом. Насчет проблем — проблема была когда пытались сами собрать V8. Поэтому использовали готовую сборку, в статье как раз она и используется.