Как должна выглядеть инфраструктура приложения c разделенным Fronted'ом и Backend'ом?

Question

[viktorpolyjopa]

Сталкиваюсь с таким впервые. Есть bacakend приложение написаное на ларавеле под api, есть отдельное приложение написаное на react, которое общается с апишкой бэка. У каждого есть свой сервер. Как должно это выглядеть на продакшене ? Должны ли эти приложения находится на разных серверах либо же на одном. Если на одном то как это должно быть, api.example.com для апи и example.com для фронта ? Должно ли это все хостится одним вебсервером ? подскажите пожалуйста, полная каша в голое, или хотя бы подскажите где почитать информацию необходимую, сам не смог найти.

Answer 1

[Василий Банников]

Должны ли эти приложения находится на разных серверах либо же на одном.

Не имеет значения.

Если на одном то как это должно быть, api.example.com для апи и example.com для фронта ?

Не имеет значения.

Должно ли это все хостится одним вебсервером ?

Если они находятся на одном домене или по одному IP - да, чтобы он мог разруливать, по каким запросам отдавать статику для фронта, а по каким запросам обращаться на бэк.

Советую почитать, что такое reverse-proxy: https://docs.nginx.com/nginx/admin-guide/web-serve...
И посмотреть, как можно настроить nginx для таких сценариев.

Comments

[viktorpolyjopa]

то есть нужно будет настроить nginx таким образом чтоб запросы от домена api.example.com шли к ларавелю, а от домена example.com шли к фронту ? В случае если бэк на домене трерьего уровня, а фронт на домене второго уровня, это считается как на разных доменах же ? И просто два отдельных сайта и два отедльных конфига nginx соответственно

[Василий Банников]

viktorpolyjopa, да, это считается, как на разных доменах, но они оба могут указывать на 1 сервер

[viktorpolyjopa]

но они оба могут указывать на 1 сервер

и в таком случае все равно нужно будет пользоваться reverse-proxy ?

[Василий Банников]

viktorpolyjopa, если они оба указывают на 1 сервер - да. Надо будет при помощи nginx разруливать