Docker建構Node.js應用鏡像

建構Node.js應用

$ node -v
v16.14.0

$ npm init -y

$ pnpm i express -S
$ pnpm i nodemon -D      

package.json

{
  "type": "module",
  "scripts": {
    "dev": "nodemon app.js"
  },
  "dependencies": {
    "express": "^4.18.2"
  },
  "devDependencies": {
    "nodemon": "^2.0.20"
  }
}      

app.js

import express from "express";

const PORT = 3000;

const app = express();

app.get("/", (req, res) => {
  res.send("<h1>Hello</h1>");
});

app.listen(PORT, () => {
  console.log(`server start: http://127.0.0.1:${PORT}`);
});      

運作 ​

​node app.js​

​

檢視：http://127.0.0.1:3000/

建構Docker鏡像

• 鏡像 image
• 容器 container
• 定制鏡像檔案 Dockerfile

關系：

Dockerfile 
    -> build 建構image
        -> push 推送到DockerHub
        -> pull 拉取從DockerHub
        -> run 運作在container中      

VS Code 插件：​​Docker​​

搜尋鏡像：

​​https://hub.docker.com/​​

alpine是linux的輕量級發行版

.dockerignore 忽略檔案，類似.gitignore

Dockerfile

# 引用基礎鏡像
FROM node:18-alpine3.15

# 指定工作目錄
WORKDIR /app

# 拷貝檔案
COPY . .

# 安裝依賴
RUN npm install

# 聲明暴露端口号
EXPOSE 3000

# 運作鏡像裡的程式，用數組表示
CMD [ "node", "app.js" ]

# 開發
# CMD [ "npm", "run", "dev" ]      

docker指令

# 建構鏡像
$ docker build .

# 指定名字
$ docker build -t mouday/express-app:v1.0 .

# 檢視鏡像
docker images

# 命名格式：使用者名/鏡像名:版本
# 版本标簽預設是latest
docker tag <id> <name>
eg: docker tag 45fe mouday/express-app:v1.0

# 登入
docker login

# 推送鏡像到dockerHub
# 在倉庫中檢視鏡像
docker push mouday/express-app:v1.0

# 删除本地鏡像 remove image
# -f force強制執行
docker rmi -f mouday/express-app:v1.0

# 從遠端拉取鏡像
docker pull mouday/express-app:v1.0

# 運作鏡像
# -d 背景運作
docker run -d  mouday/express-app:v1.0

# 端口映射
docker run -d  -p 3000:3000 mouday/express-app:v1.0

# 指定名字
docker run -d  -p 3000:3000 --name express-app mouday/express-app:v1.0

# 檢視運作中的鏡像 process status
docker ps

# 包括暫停運作的容器
docker ps -a

# 關機
docker stop 容器id

# 移除容器
docker rm -f 容器id
# 同時移除volume
docker rm -fv 容器id

# 以終端方式運作
docker exec -it 容器id /bin/sh

# 退出
$ exit      

本地檔案夾和容器檔案夾綁定

# 指令行方式需要使用絕對路徑
# -v volume
docker run -d -v /path/app:/app -p 3000:3000 --name app mouday/express-app:v1.0

# 不同步node_modules檔案夾
# ro本地隻讀 read only
docker run -d -v /path/app:/app:ro -v /app/node_modules -p 3000:3000 --name app mouday/express-app:v1.0      

docker-compose

docker-compose.yml

version: "3.8"

services:
    app:
        build: . 
        ports:
            - "3000:3000"
        volumes:
            - ./:/app:ro
            - /app/node_modules      

# 啟動
docker-compose up -d --build

# 停止
docker-compose down -v