天天看點

Docker部署Angular6應用

開發環境

  • Win 10
  • Docker Desktop Community 2.0.0.2

從這裡開始

建立項目對應的Dockerfile

在項目根目錄添加Dockerfile檔案,用來配置項目依賴、環境、指令等

Docker部署Angular6應用
FROM node:10
RUN npm install pm2 -g

# 複制項目到容器目錄下ADD ./backend /usr/src/app
# 設定工作目錄
WORKDIR /usr/src/app
# 開啟node程序
CMD ["pm2", "start", "app.js", "--no-daemon"]
# RUN pm2 start app.js --no-daemon
# 暴露端口
EXPOSE 8080
           

建構Docker鏡像

# 建立并指定鏡像名稱
$ docker build -t="backend" .
           

或者

# 建構已存在的鏡像
$ docker build -t backend .
           
Docker部署Angular6應用

運作容器

# -d 表示容器會在背景運作, -p表示端口映射,本機端口:容器端口
$ docker run -d -p 4200:8080 backend
           
Docker部署Angular6應用

關閉已運作容器

$ docker container ls
$ docker stop CONTAINER ID
           
Docker部署Angular6應用

說明

docker 常見指令

# 檢視目前本地所有鏡像
$ docker images

# 删除一個或多個images
$ docker rmi IMAGE ID

# 檢視所有容器
$ docker ps -a

# 開啟一個或多個已停止的容器
$ docker start [OPTIONS] CONTAINER [CONTAINER...]