[25.01.05 / TASK-91] Feature - 배포 위한 전체 app docker compose deploy 세팅 (#13)

* feature: nginx 추가, compose 완성
* modify: nginx 설정 파일 이름 변경
* feature: 전체 어플리케이션 배포 세팅, docker compose 포함, 타임존 이슈 핸들링 필요함
* modify: localhost 자체만 cors 에 추가
* modify: 미미한 수정, 볼륨 로그 디렉토리 가시성 증가

Author: Nuung

.dockerignore

@@ -1,5 +1,3 @@
-
 node_modules
 .git
-.env
-dist
+.env

.env.sample

@@ -1,5 +1,5 @@
 PORT=8080
-ALLOWED_ORIGINS="http://localhost:3000,https://myapp.com"
+ALLOWED_ORIGINS="http://localhost,http://localhost:3000,https://myapp.com"
 NODE_ENV="development"
 
 # 토큰 단방향 암호화 전용 핵심 키

.gitignore

@@ -22,7 +22,7 @@ dist/
 Thumbs.db
 
 # 로그 파일
-logs/
+logs/*
 *.log
 *.gz
 *.out

Dockerfile

@@ -35,6 +35,6 @@ RUN pnpm install --prod --frozen-lockfile
 COPY --from=builder /usr/src/app/dist ./dist
 COPY ecosystem.config.js .
 
-EXPOSE 3000
+EXPOSE 8080
 
 CMD ["pm2-runtime", "start", "ecosystem.config.js"]

docker-compose.yml

@@ -1,16 +1,55 @@
 # docker-compose.yml
+name: velog-dashboard-v2-app
 version: '3.9'
 
 services:
-  app:
+  api:
     build:
       context: .
       dockerfile: Dockerfile
+    image: velog-dashboard-v2-api
+    hostname: velog-dashboard-v2-api
     container_name: velog-dashboard-v2-api
     ports:
       - "8080:8080"
+    volumes:
+      - ./logs/api:/usr/src/app/logs
     env_file:
       - .env
     environment:
       NODE_ENV: production
+      TZ: Asia/Seoul
     restart: unless-stopped
+
+  fe:
+    image: nuung/velog-dashboard-v2-fe:latest
+    hostname: velog-dashboard-v2-fe
+    container_name: velog-dashboard-v2-fe
+    ports:
+      - "3000:3000"
+    volumes:
+      - ./logs/fe:/usr/src/app/logs
+    environment:
+      NODE_ENV: production
+      TZ: Asia/Seoul
+    restart: unless-stopped
+    depends_on:
+      - api
+
+  nginx:
+    image: nginx:alpine
+    hostname: velog-dashboard-v2-nginx
+    container_name: velog-dashboard-v2-nginx
+    ports:
+      - "80:80"
+      - "443:443"
+    volumes:
+      - ./nginx/conf/nginx.conf:/etc/nginx/nginx.conf
+      - ./nginx/conf.d:/etc/nginx/conf.d
+      - ./logs/nginx:/var/log/nginx
+    environment:
+      TZ: Asia/Seoul
+    restart: unless-stopped
+    depends_on:
+      - api
+      - fe

nginx/conf.d/velog-dashboard-v2-app.conf

@@ -0,0 +1,33 @@
+server {
+  listen       80;
+  server_name  velog-dashboard-v2;
+
+  # fe
+  location ^~ / {
+      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_set_header        X-Forwarded-Proto $scheme;
+      proxy_pass http://fe:3000;
+  }
+
+  # api
+  location ^~ /api/ {
+      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_set_header        X-Forwarded-Proto $scheme;
+      proxy_pass http://api:8080;
+  }
+
+  # 404, 500 error 핸들링
+  error_page 404 /404.html;
+  location = /404.html {
+      root /usr/share/nginx/error;
+  }
+
+  error_page 500 502 503 504 /500.html;
+  location = /500.html {
+      root /usr/share/nginx/error;
+  }
+}

nginx/conf/nginx.conf

@@ -0,0 +1,47 @@
+user  nginx;
+worker_processes  1;
+
+pid        /var/run/nginx.pid;
+
+events {
+    worker_connections  1024;
+}
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format main  '{"@time":"$time_iso8601",'
+                '"IP":"$remote_addr",'
+                '"Status":$status,'
+                '"Method":"$request_method",'
+                '"RequestTime":$request_time,'
+                '"URI":"$request_uri",'
+                '"QueryString":"$query_string",'
+                '"SentSize":$bytes_sent,'
+                '"UA":"$http_user_agent",'
+                '"Session":"$http_authorization",'
+                '"Referer":"$http_referer"}';
+
+    # charset koi8-r;
+    access_log  /var/log/nginx/access.log  main;
+    error_log /var/log/nginx/error.log warn;
+
+    # client send request size
+    client_max_body_size 3G;
+
+    set_real_ip_from 127.0.0.1;
+    real_ip_header X-Forwarded-For;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    include /etc/nginx/conf.d/*.conf;
+
+    #security
+    server_tokens off;
+}