Как соединить front и back?

Question

[UNy]

Как соединить фронт с бэком? У меня есть простой express сервер который создает маршруты. Как на каком-нибудь маршруте выполнить react код? Этот маршрут должен быть html файлом? у меня маршруты являются представлениями от шаблона handlebars.

Answer 1

[dfv123]

На клиенте делаете запрос к API сервера, где определено по какому маршруту и какие данные отдать/принять. Обмен в формате json.

Answer 2

[Максим]

dfv123 написал все верно, но добавлю: у вас больше нет шаблонов на handlebars. Максимум для index.html
Ваш сервер, на все маршруты кроме тех, что вы напишете для API, должен отдавать index.html, где подключен "бандл" (общий файл скриптов js) и есть элемент, куда будет монтироваться приложение.

Затем, вы создаете API: связка из нескольких маршрутов которые принимают запросы (GET/POST/PUT/DELETE) и отдают данные в виде JSON. Вы эти данные на клиенте считываете и отображаете.

Роутинг внутри приложения (изменения урлов), тоже переезжает на клиент, и вы это будете делать, скорее всего с помощью react-router.

Comments

[Eeki]

а как именно сервер должен отдавать index.html, подскажите пожалуйста?
причем если это index.html с прикрепленным к нему bundle.js.

Пока нашлось два возможных варианта - выдать, как файл (модуль fs) - но непонятно, как быть с исполняемым бандлом в этом случае. И express.static, который тоже не вполне подходит, потому что нужны "все маршруты кроме тех, которые для API".