雑に知ってしまったDockerを知り直す ~Dockerfile編~

[ホスト]
# node公式のイメージでコンテナ起動
$ docker run -itd -p 8080:3000  --name node-react node:12.16.0-buster

# コンテナの中に入る
$ docker exec -it node-react /bin/bash

[コンテナ]
# 適当なディレクトリへアプリケーションをclone
root@af16fea41c03:/# cd /usr/src/
root@af16fea41c03:/usr/src# git clone https://github.com/wol-827/first-step.git
root@af16fea41c03:/usr/src# cd first-step/

# React起動用のモジュールインストール
root@af16fea41c03:/usr/src/first-step# npm i

root@af16fea41c03:/usr/src/first-step# npm start

[ホスト]
# コンテナ停止
$ docker stop node-react

$ docker ps -a
CONTAINER ID        IMAGE                 COMMAND                  CREATED             STATUS                            PORTS               NAMES
af16fea41c03        node:12.16.0-buster   "docker-entrypoint.s…"   6 minutes ago       Exited (137) About a minute ago                       node-react

# コンテナからイメージを作成
$ docker commit [コンテナ名] [お好みのイメージ名]
$ docker commit node-react image_node-react
sha256:6545cd03fcf1615f339f3176a25aa7eb28380ac2690f8eb34c0b2aa5f9825c2d

$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
image_node-react    latest              6545cd03fcf1        26 seconds ago      1.06GB
node                12.16.0-buster      ce43ce61c1de        31 hours ago        882MB

[ホスト]
$ docker run -itd -p 8080:3000 --name my-image image_node-react
7116b515f71565b38cc86c399768ba43d918e7cea6b99a957dcd5a5121e46698

$ docker exec -it my-image /bin/bash

[コンテナ]
root@7116b515f715:/# cd /usr/src/first-step/
root@7116b515f715:/usr/src/first-step# npm start

# ベースになるイメージをタグ付きで
FROM node:12.16.0-buster

# 作成したユーザ名(maintener)を記述 他にも色々ラベル付けできそう
LABEL maintainer=wol

# 作業ディレクトリを指定
WORKDIR /usr/src/app

# RUN: docker build時に実行するコマンド
RUN echo "=== build image ==="
RUN git clone https://github.com/wol-827/first-step.git .
RUN npm i

# CMD: docker run時に実行されるコマンド
CMD [ "npm", "start" ]

# nodeのイメージのみ
$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
node                12.16.0-buster      ce43ce61c1de        3 days ago          882MB

# イメージをbuild
$ docker build [Dockerfileがあるディレクトリ]
-t イメージ名指定

$ docker build ./ -t dockerfile-image
Sending build context to Docker daemon  182.2MB
Step 1/7 : FROM node:12.16.0-buster
 ---> ce43ce61c1de
Step 2/7 : LABEL maintainer=wol
 ---> Using cache
 ---> 48452bf46eb7
Step 3/7 : WORKDIR /usr/src/app
 ---> Using cache
 ---> 4a3c93571f61
Step 4/7 : RUN echo "=== build image ==="
 ---> Using cache
 ---> 882fdefc7439
Step 5/7 : RUN git clone https://github.com/wol-827/first-step.git .
 ---> Running in c7e52d0eb9ff
Cloning into '.'...
Removing intermediate container c7e52d0eb9ff
 ---> d4fd9e858fba
Step 6/7 : RUN npm i
 ---> Running in b0abff570fe1
Removing intermediate container b0abff570fe1
 ---> 35adcb5772be
Step 7/7 : CMD [ "npm", "start" ]
 ---> Running in 57c44837099c
Removing intermediate container 57c44837099c
 ---> 3b909a1f0824
Successfully built 3b909a1f0824
Successfully tagged dockerfile-image:latest

# イメージ確認
$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
★ちゃんと出来てる
dockerfile-image    latest              3b909a1f0824        29 seconds ago      1.06GB 
node                12.16.0-buster      ce43ce61c1de        3 days ago          882MB

# buildしたイメージでコンテナ起動
$ docker run -p 8080:3000 --name node-react dockerfile-image
> [email protected] start /usr/src/app
> react-scripts start

Starting the development server...

Compiled successfully!

You can now view sample-app in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://172.17.0.2:3000/

Note that the development build is not optimized.
To create a production build, use npm run build.