Как запустить docker-контейнер со статикой сайта?

Question

[Роман Дубинин]

Есть простой Dockerfile, который собирает проект

FROM node:8
WORKDIR /web

COPY package.json yarn.lock ./
RUN yarn

COPY . ./
RUN yarn build

yarn build вывалит в /web/dist статику сайта.
Насколько я понимаю, нужно теперь сделать ещё один контейнер с nginx и через volume подключить к нему папку со статикой, но только как тогда сделать, чтобы контейнер не выключился сразу после запуска? Команды-то в нём нет...
Или всё-таки нужно поставить nginx в этот контейнер и после сборки использовать его же для раздачи сайта? Это не будет противоречить философии Docker'а, что каждый контейнер должен выполнять свою задачу?

Answer 1

[Роман Дубинин]

Ответ оказался гораздо проще и красивее, чем я предполагал.
У докера с версии 17.05 появилась такая замечательная штука, как Multi-stage build. Она позволяет в одном докерфайле сначала сделать контейнер с nodejs, сбилдить в нём статику, а потом создать ещё один контейнер с nginx, в который скопировать артефакты сборки из первого. При этом результирующий образ не будет содержать данных из образа nodejs и исходников (если вы их явно на втором шаге не скопируете), что позволяет сделать его максимально лёгким.

FROM node:8 as build
WORKDIR /web

COPY package.json yarn.lock ./
RUN yarn

COPY . ./
RUN yarn build


FROM nginx:alpine
WORKDIR /usr/share/nginx/html
RUN rm -rf *
COPY --from=build /web/dist .

Answer 2

[Хикмат Абдунабиев]

Попробуйте docker-compose.
Вот пример файла docker-compose.yml:

version: "3"
services:
    my-app:
        image: my-app
        ports:
            - 3000:3000
        volumes:
            - dist:/web/dist
        networks:
            - app-network 
    nginx:
        image: nginx
        depends_on:
            - my-app
        ports: 
            - 80:80
        volumes:
            - dist:/usr/share/nginx/html
        networks:
            - app-network

volumes:
    dist:
networks:
    app-network:

Comments

[Роман Дубинин]

Спасибо за ответ, но, боюсь, он не верен...
Во-первых, в вашем docker-compose.yml ошибки (скорее всего опечатки):

• В depends_on указан my-app, хотя должен быть node-app
  
• У контейнера nginx volume должен подключаться к /usr/share/nginx/html, а не к /web/dev, по крайней мере пока нет конфиг файла для него с кастомным путём
  
• Зачем networks? В контейнере my-app нет сервера, там нечему взаимодействовать с сетью...
  

Во-вторых, хоть контейнер со статикой и закрывается сразу после запуска, сам выхлоп билда при таком подходе сохраняется в volume, что позволяет nginx'у с ним работать и вроде бы как всё хорошо... Но только до тех пор, пока он не изменится :D docker кэширует volume'ы и при втором запуске обновлённые данные из /web/dist не будут скопированы в уже существующий volume. Однако, если вы знаете, как отключить это кэширование (кроме "при каждой сборке менять название volume'а"), то за ответ это сойдёт.

[Хикмат Абдунабиев]

Роман Дубинин, да верно извините за опечатки, исправил опечатку, писал с телефона.

[Хикмат Абдунабиев]

Роман Дубинин, как вариант написать скрипт для обновления контейнера.
1) загружаете образ
2) распаковываете содержимое образа на временный каталог с помощью :

docker run --rm "$IMAGE_APP:$VERSION" tar -c -C /web/dev . | tar x

3) копируете с временного каталога в прод каталог
4) перезапускаете запущенный докер образ новым образом.
P.S.: Для этого volume должен быть указан в папку на хосте.