Как деплоить RESTFul приложение ReactJS + Django-DRF?

Question

[Олег Котов]

Привет. Есть веб-сервис, фронт на ReactJS, бэк на Django+DRF, работает для организации REST API.

Использую следующее ПО на данный момент:

NodeJS==12.7.0
PostgreSQL==10
Python==3.7.4
nginx==1.17.2
docker==19.03.1
docker-compose==1.24.1
Django==2.2.1
djangorestframework==3.9.4
gunicorn ==19.9.0
react==16.8.6

Планирую прикрутить когда разберусь с деплоем:

RabbitMQ==3.7.17
Celery==4.3.0

Django в докере работает нормально. Разворачивается с гуникорном, постгрес и nginx, всё работает. Но я чёт не знаю как туда прикрутить фронт и чтобы это всё нормально работало и сообщалось.

Есть где почитать конкретно на тему или какие-то советы? Гуглёж по запросам:
"RESTful app deploy"
"Django React Gunicorn Nginx"
"resful web app deploy" etc.
приемлемых результатов не дал.

Вопрос, веротяно, тупой и элементарный, но опыта в развёртывании вообще ноль.

Answer 1

[alternativshik]

Один контейнер с джангой, с постгресом, гуникорном и nginx и че там еще надо для бека, второй контейнер с фронтом. Если там REST, то фронт с беком никак не связан же, хоть на разные тачки деплой, в чем проблема-то?

Comments

[Олег Котов]

А чем предоставлять фронт? Тем же nginx'ом? Нодой?

[alternativshik]

Олег Котов, nginx конечно, там же статика. Если на одной машине все - то поставить nginx на хост, а не в контейнеры. Или собрать все в 1 контейнер, но не вижу вообще смысла так делать - так как неудобно и непрактично и неправильно - перезапускать бек при изменении фронта, и наоборот...

[Олег Котов]

То есть, я правильно понял?

Один docker-compose это джанга, гуникорн, ngonx, постгрес.
Второй docker-compose это nginx, в котором прописан условный root /app/frontend/build
И пусть они себе внутри сети взаимодействуют?

[alternativshik]

Олег Котов, вряд ли они будут внутри сети взаимодействовать - фронт на клиенте выполняется, а клиент не знает про внутреннюю сеть ничего. Я предлагаю nginx на хосте держать, а не в контейнерах. И API и фронт будет обслуживать 1 инстанс nginxа.

[alternativshik]

ну или если хочется 2 nginxа в контейнерах, то придется вешать ведь их на разные порты.

[Олег Котов]

фронт на клиенте выполняется, а клиент не знает про внутреннюю сеть ничего

Резонно. Не подумал.

А есть где поподробнее почитать про описанный вариант? А то я не понимаю как это сделать.

То есть с беком я, кажется, понял. Он внутри контейнера гуникорном крутится, слушаются его порты и проксируются nginx на хосте.
Но как запихнуть фронт в контейнер, и при этом отдавать его nginx вне этого контейнера - не понимаю.

[alternativshik]

Олег Котов, ну при таком раскладе и не надо запихивать ниче в контейнер, там же ничего нет, кроме статических js\css

[Олег Котов]

А если предстоит деплой в k8s? :D

Я вообще ради этого с докером заморочился.

То есть, насколько я понял, у меня всё приложение должно быть контейнеризовано. Чтобы админы запуллили его на ноду, написали docker-compose build, docker-compose up и всё заработало. А я потом развлекался с git push, без всяких излишних действий.

[alternativshik]

Вариантов тут - вагон и маленькая тележка. И для развлечений с гитпулл надо CI, а CI может вполне себе собирать js и копировать его на сервер куда надо...