Docker и angular CLI: почему не работает?

Question

Иннокентий Иванов @Kenya-West

Обычный Кеня

Docker и angular CLI: почему не работает?

Использую:

Docker последней версии
Angular CLI версии 1.4.3
Kitematic последней версии
Windows 10 Creators Update

Dockerfile:

FROM node:latest AS buildContainer

COPY . /app
WORKDIR /app
# Copy dependency definitions
RUN npm install
RUN npm run build

FROM nginx:latest
RUN apt-get update 

COPY nginx.conf /etc/nginx/nginx.conf
COPY gzip.conf /etc/nginx/gzip.conf
COPY mime.types /etc/nginx/mime.types

COPY --from=buildContainer /app/dist/ /usr/share/nginx/html

EXPOSE 9000/tcp

Образ собирается и запускается, однако, когда я захожу на нужный localhost:9000, сервер страничку не отдаёт. Хотя в Powershell всё ОК:

root@92d97054d0f5:/usr/share/nginx/html# ls
50x.html                           index.html            main.bundle.js.map       styles.bundle.js
favicon.ico                        inline.bundle.js      polyfills.bundle.js      styles.bundle.js.map
fontello.078f910f70a2e032f1b6.eot  inline.bundle.js.map  polyfills.bundle.js.map  vendor.bundle.js
fontello.42641586af6054f0f7e6.svg  main.bundle.js        scripts.bundle.js        vendor.bundle.js.map

Что я делаю не так?

Вопрос задан более трёх лет назад
1767 просмотров

1 комментарий

Подписаться 1 Простой 1 комментарий

Иннокентий Иванов @Kenya-West Автор вопроса

Логи:

PS E:\Dev\Git\nefu-rooms-constructor> docker build -t testapp .
Sending build context to Docker daemon  197.8MB
Step 1/12 : FROM node:latest AS buildContainer
 ---> de1099630c13
Step 2/12 : COPY . /app
 ---> ee7405d42d3b
Removing intermediate container 9c3493df21f1
Step 3/12 : WORKDIR /app
 ---> 8286556652d9
Removing intermediate container b13324392781
Step 4/12 : RUN npm install
 ---> Running in 4b403a6f009c
npm info it worked if it ends with ok
npm info using npm@5.3.0
npm info using node@v8.5.0
npm info lifecycle nefu-rooms-constructor@0.0.1~preinstall: nefu-rooms-constructor@0.0.1
npm http fetch GET 200 https://registry.npmjs.org/fsevents 871ms
npm http fetch GET 200 https://registry.npmjs.org/fsevents/-/fsevents-1.1.2.tgz 1398ms
npm info linkStuff nefu-rooms-constructor@0.0.1
npm info lifecycle nefu-rooms-constructor@0.0.1~install: nefu-rooms-constructor@0.0.1
npm info lifecycle nefu-rooms-constructor@0.0.1~postinstall: nefu-rooms-constructor@0.0.1
npm info lifecycle nefu-rooms-constructor@0.0.1~prepublish: nefu-rooms-constructor@0.0.1
npm info lifecycle nefu-rooms-constructor@0.0.1~prepare: nefu-rooms-constructor@0.0.1
npm info lifecycle undefined~preshrinkwrap: undefined
npm info lifecycle undefined~shrinkwrap: undefined
npm info lifecycle undefined~postshrinkwrap: undefined
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.2 (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 114 packages in 9.969s
npm info ok
 ---> 0f6b334030d4
Removing intermediate container 4b403a6f009c
Step 5/12 : RUN npm run build
 ---> Running in 1587de595f2d
npm info it worked if it ends with ok
npm info using npm@5.3.0
npm info using node@v8.5.0
npm info lifecycle nefu-rooms-constructor@0.0.1~prebuild: nefu-rooms-constructor@0.0.1
npm info lifecycle nefu-rooms-constructor@0.0.1~build: nefu-rooms-constructor@0.0.1

> nefu-rooms-constructor@0.0.1 build /app
> ng build

Date: 2017-09-30T05:12:53.755Z
Hash: 9a05c6f8737b8287d675
Time: 9498ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 127 kB {vendor} [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 209 kB {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 190 kB {inline} [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 3.04 MB [initial] [rendered]
npm info lifecycle nefu-rooms-constructor@0.0.1~postbuild: nefu-rooms-constructor@0.0.1
npm info ok
 ---> fd58c4c6f520
Removing intermediate container 1587de595f2d
Step 6/12 : FROM nginx:latest
 ---> da5939581ac8
Step 7/12 : RUN apt-get update
 ---> Using cache
 ---> d7cec7da033c
Step 8/12 : COPY nginx.conf /etc/nginx/nginx.conf
 ---> Using cache
 ---> afd18a790ef5
Step 9/12 : COPY gzip.conf /etc/nginx/gzip.conf
 ---> Using cache
 ---> f49d5fae7b3f
Step 10/12 : COPY mime.types /etc/nginx/mime.types
 ---> Using cache
 ---> 923bd0d45efc
Step 11/12 : COPY --from=buildContainer /app/dist/ /usr/share/nginx/html
 ---> Using cache
 ---> bbf179e31051
Step 12/12 : EXPOSE 9000/tcp
 ---> Running in bb94cbf827f5
 ---> bb1a7b47fec4
Removing intermediate container bb94cbf827f5
Successfully built bb1a7b47fec4
Successfully tagged testapp:latest
SECURITY WARNING: You are building a Docker image from Windows against a non-Windows Docker host. All files and directories added to build context will have '-rwxr-xr-x' permissions. It is reco
mmended to double check and reset permissions for sensitive files and directories.

Написано более трёх лет назад

Решения вопроса 1

2 комментария

Пригласить эксперта

Ответы на вопрос 1

3 комментария

Иннокентий Иванов @Kenya-West Автор вопроса

Запущен, в Kitematic так написано. А расшарен или нет, я ХЗ, но раз в dockerfile написано EXPOSE 9000/tcp, то должно быть норм. Вот, на всякий случай, NGINX.conf:

spoiler

user  nginx;
worker_processes 4;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
  worker_connections 1024;
}


http {
    log_format gzip '[$time_local] ' '"$request" $status $bytes_sent';

    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    access_log /dev/stdout;
    charset utf-8;
   
    sendfile        on;
    keepalive_timeout  65;

    #include /etc/nginx/conf.d/*.conf;

    server {
        listen       80;
        server_name  example.com;
        
        return 301 https://$server_name$request_uri;  # enforce https
#        rewrite ^(.*) https://www.example.com$uri permanent;

    }

    server {
        listen       443;
        server_name  localhost;

        access_log /dev/stdout;

        root /usr/share/nginx/html;

        location / {
            try_files $uri$args $uri$args/ /index.html;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
          root   /usr/share/nginx/html;
        }

    }
    # Compression
    include       /etc/nginx/gzip.conf;
}

Написано более трёх лет назад

RidgeA @RidgeA

nginx слушает 443й порт, а не 9000

Написано более трёх лет назад

Иннокентий Иванов @Kenya-West Автор вопроса

RidgeA, поменял циферки, пересобрал контейнер, запустил - всё равно не работает.

Не удается получить доступ к сайту

Сайт localhost не позволяет установить соединение.
Выполните поиск по запросу localhost 9000 в Google

Финальные конфиги:

spoiler

Dockerfile:

FROM node:latest AS buildContainer

COPY . /app
WORKDIR /app
# Copy dependency definitions
RUN npm install
RUN npm run build

FROM nginx:latest
RUN apt-get update 

COPY nginx.conf /etc/nginx/nginx.conf
COPY gzip.conf /etc/nginx/gzip.conf
COPY mime.types /etc/nginx/mime.types

COPY --from=buildContainer /app/dist/ /usr/share/nginx/html

EXPOSE 9000/tcp

NGINX.conf:

user  nginx;
worker_processes 4;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
  worker_connections 1024;
}


http {
    log_format gzip '[$time_local] ' '"$request" $status $bytes_sent';

    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    access_log /dev/stdout;
    charset utf-8;
   
    sendfile        on;
    keepalive_timeout  65;

    #include /etc/nginx/conf.d/*.conf;

    server {
        listen       9000;
        server_name  example.com;
        
        return 301 https://$server_name$request_uri;  # enforce https
#        rewrite ^(.*) https://www.example.com$uri permanent;

    }

    server {
        listen       9000;
        server_name  localhost;

        access_log /dev/stdout;

        root /usr/share/nginx/html;

        location / {
            try_files $uri$args $uri$args/ /index.html;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
          root   /usr/share/nginx/html;
        }

    }
    # Compression
    include       /etc/nginx/gzip.conf;
}

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Windows

+1 ещё

Средний
В чем причина зависания ноутбука?
- 1 подписчик
- 5 часов назад
- 21 просмотр
0

ответов
Linux

+2 ещё

Простой
Как создать ICQ сервер?
- 1 подписчик
- 7 часов назад
- 107 просмотров
1

ответ
Windows

Простой
Сегодня снова ноут завис при запуске и вылетел БСОД. Что делать?
- 1 подписчик
- 15 часов назад
- 82 просмотра
2

ответа
Docker

+2 ещё

Простой
Docker+3Proxy + Radius «failed with code 1»?
- 1 подписчик
- 18 часов назад
- 28 просмотров
1

ответ
Windows

+1 ещё

Простой
Не могу сообразить .NET Framework 3.5 Service pack 1 чего он хочет?
- 1 подписчик
- 21 час назад
- 73 просмотра
1

ответ
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 45 просмотров
0

ответов
Windows

+1 ещё

Средний
Как сделать так, чтобы эскизы картинок сохранялись навсегда?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
Docker

Простой
Как при использовании Docker получить доступ к ssl сертификатам во время сборки?
- 1 подписчик
- вчера
- 110 просмотров
0

ответов
Windows

+2 ещё

Простой
Для Windows 10 какой браузер по умолчанию использует меньше трафика?
- 1 подписчик
- вчера
- 212 просмотров
2

ответа
C#

+2 ещё

Простой
Почему получается подключить Core в Dockerfile?
- 3 подписчика
- 22 апр.
- 681 просмотр
3

ответа
Показать ещё Загружается…

Системный администратор

Метта • Уфа

от 50 000 до 60 000 ₽

Оператор 1-я, 2-я линия техподдержки(поддержка клиентов)

MYRTEX

от 40 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 50 000 ₽

Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот

25 апр. 2024, в 04:38

15000 руб./за проект

Приложение или модуль для Wordpress для учета поездок по QR

25 апр. 2024, в 03:58

10000 руб./за проект

Ошибка в 1с при выгрузке товаров на сайт на Битриксе

25 апр. 2024, в 03:08

3000 руб./за проект

Answer 1 · 2017-09-30 15:44:20

Спасибо RidgeA за помощь! Оказывается, проблема была в том, что я собирал командой docker build -t [имя_контейнера]. Это неправильно. Надо скачать расширение Docker для VS Code и вызывать его для сборки и запуска контейнера, оно всю работу делает. Спасибо всем!

Answer 2 · 2017-09-30 11:50:30

RidgeA @RidgeA

Запущен ли docker контейнер и расшарен ли 9000 порт при запуске контейнера?

Ответ написан более трёх лет назад

3 комментария

Docker и angular CLI: почему не работает?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт