# docker-compose.yml
services:
  nginx:
    image: nginx:alpine
    ports:
      - "80:80"          # 외부에서 80포트로 접근
    depends_on:
      - app

  app:
    build: ./app
    # ports를 외부에 노출하지 않음 — nginx를 통해서만 접근 가능

# nginx.conf
server {
    listen 80;

    # /api 로 시작하는 요청은 WAS로 전달
    location /api {
        proxy_pass http://app:3000;   # 서비스 이름 'app' 사용
    }

    # 나머지는 정적 파일 서빙
    location / {
        root /usr/share/nginx/html;
        try_files $uri $uri/ /index.html;
    }
}

// app/src/index.js
const express = require('express')
const app = express()
const PORT = process.env.PORT || 3000

app.use(express.json())

// 헬스체크 엔드포인트
app.get('/api/health', (req, res) => {
  res.json({ status: 'ok', version: process.env.APP_VERSION || '1.0.0' })
})

// 메인 API
app.get('/api/hello', (req, res) => {
  res.json({ message: '안녕하세요, Docker WAS입니다!' })
})

app.listen(PORT, () => {
  console.log(`WAS 서버 시작: 포트 ${PORT}`)
})

// app/package.json
{
  "name": "was-app",
  "version": "1.0.0",
  "scripts": {
    "start": "node src/index.js",
    "dev": "nodemon src/index.js"
  },
  "dependencies": {
    "express": "^4.18.2"
  },
  "devDependencies": {
    "nodemon": "^3.0.2"
  }
}

# app/Dockerfile
FROM node:20-alpine

WORKDIR /app

# 의존성 먼저 복사 (레이어 캐시 최적화)
COPY package*.json ./
RUN npm ci --only=production

# 소스 코드 복사
COPY src/ ./src/

ENV PORT=3000
EXPOSE 3000

CMD ["node", "src/index.js"]

# nginx/nginx.conf
upstream was_backend {
    server app:3000;
}

server {
    listen 80;
    server_name localhost;

    # 액세스 로그 포맷
    access_log /var/log/nginx/access.log;

    # 정적 파일 서빙
    location / {
        root /usr/share/nginx/html;
        index index.html;
        try_files $uri $uri/ /index.html;
    }

    # API 요청을 WAS로 전달
    location /api/ {
        proxy_pass http://was_backend;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_connect_timeout 10s;
        proxy_read_timeout 30s;
    }
}

# docker-compose.yml
services:
  nginx:
    image: nginx:alpine
    ports:
      - "80:80"
    volumes:
      - ./nginx/nginx.conf:/etc/nginx/conf.d/default.conf:ro
      - ./nginx/html:/usr/share/nginx/html:ro
    depends_on:
      app:
        condition: service_healthy
    restart: unless-stopped

  app:
    build:
      context: ./app
      dockerfile: Dockerfile
    environment:
      - NODE_ENV=production
      - PORT=3000
      - APP_VERSION=1.0.0
    healthcheck:
      test: ["CMD", "wget", "-qO-", "http://localhost:3000/api/health"]
      interval: 10s
      timeout: 5s
      retries: 3
      start_period: 10s
    restart: unless-stopped

networks:
  default:
    name: web-was-network

# docker-compose.dev.yml
# 사용법: docker compose -f docker-compose.yml -f docker-compose.dev.yml up
services:
  app:
    build:
      target: development    # 멀티 스테이지 dev 스테이지 사용 시
    volumes:
      # 소스 코드를 bind mount — 파일 변경이 즉시 반영됨
      - ./app/src:/app/src
    environment:
      - NODE_ENV=development
      - APP_VERSION=dev
    command: npm run dev     # nodemon으로 hot reload
    ports:
      - "3000:3000"          # 개발 중 직접 접근 허용

[명령]  docker compose up --build
   │
   ① 이미지 빌드 — WAS Dockerfile로 앱 이미지 생성        (Nginx는 보통 공식 이미지 그대로)
   │
   ② 네트워크·컨테이너 기동 — 사용자 정의 네트워크 생성 후 컨테이너 start
   │
   ③ WAS 리슨 — 앱이 부팅되어 3000 포트를 LISTEN           (기동에 수 초~수십 초)
   │
   ④ 헬스체크 통과 — WAS가 healthy가 될 때까지 대기          (depends_on: service_healthy)
   │     → Nginx는 이 신호를 기다렸다 뜬다
   │
   ⑤ 프록시 연결 — Nginx가 proxy_pass의 app:3000을 DNS로 풀어 연결
   │
   ⑥ 첫 요청 라우팅 — location /는 정적 파일, location /api는 WAS로 분기
   ▼
[결과]  브라우저 200 — 정적은 Nginx가, 동적은 WAS가 응답