AWS 프로비저닝을 통한 증권 서비스 구축 02

이상훈

Published in

상훈 Devlog

9 min readJun 16, 2024

개요

1. 증권 서비스 shdart 프로젝트 개발

2. AWS 프로비저닝을 통한 증권 서비스 구축 01

3. AWS 프로비저닝을 통한 증권 서비스 구축 02

도커와 도커 컴포즈를 이용하여 개발 프로젝트의 도커라이징과 ECR 프로비저닝을 진행합니다. 구축해볼 전체 아키텍처는 아래와 같습니다.

개발자는 증권 프로젝트를 도커라이징하고 ECR 프라이빗 레포지토리에 배포합니다. ECS 작업 정의에서 배포한 이미지를 설정하고 서비스를 통해 컨테이너를 실행시킵니다. 최종적으로 사용자가 http 요청을하면 서비스와 연결된 로드밸런서를 통해 해당 컨테이너 인스턴스에 접속하게 됩니다. 이 일련의 과정을 자세히 알아보겠습니다.

도커라이징

ECR 프로비저닝을 위해 가장 먼저 현재 개발된 프로젝트를 도커라이징해야 합니다. 프로젝트는 다음과 같이 구성되어 있습니다.

sh-dart_web: Angular 프론트엔드 프로젝트
sh-dart: NestJS 백엔드 프로젝트
nginx: 웹서버

최종적으로 다음과 같은 구조로 구성합니다.

프론트엔드 및 웹서버

sh-dart_web 프론트엔드 루트 경로에 nginx.conf를 다음과 같이 작성 후 추가합니다.

events {
    worker_connections 1024;
}
 
http {
    include /etc/nginx/mime.types;
    default_type application/octet-stream;
    server {
        listen 80;
        location / {
            root /etc/nginx/html;
            try_files $uri $uri/ /index.html;
        }
        location /api/ {
            proxy_pass <http://nestjs-app:3000>;
            proxy_http_version 1.1;
        }
        location /auth/ {
            proxy_pass <http://nestjs-app:3000>;
            proxy_http_version 1.1;
        }
        location /socket.io/ {
            proxy_pass <http://nestjs-app:3000>;
            proxy_http_version 1.1;
        }
    }   
}

index.html 설정: 80포트를 사용하게 되고 try_files $uri $uri/ /index.html; 설정을 통해 SPA 앱 특성 상 모든 절대 경로에 index.html을 띄우게 합니다.
리버스 프록시 설정: /api, /auth, /socker.io 등 백엔드 서비스 3000번 포트로 리버스 프록시를 합니다. (proxy_pass에 nestjs-app명명은 추후 백엔드 도커라이징 시 설정하게 됩니다.)

다음으로 루트 경로에 dockerfile을 다음과 같이 작성 후 추가합니다.

# Step 1: Angular 프로젝트 빌드
FROM node:18 AS build
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build:prod

# Step 2: Nginx를 통한 Angular 앱 서빙
FROM nginx:latest
COPY --from=build dist /etc/nginx/html
COPY --from=build dist/assets /etc/nginx/html/assets
COPY nginx.conf /etc/nginx/nginx.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

Angular 프로젝트 빌드: Node.js 18 버전 기반으로 구축하며 NPM 의존성 설치와 프로젝트 빌드를 합니다.
Nginx 빌드: Angular 프로젝트에서 빌드한 번들 파일과 이미지 파일을 nginx 서빙 경로에 복사하고 80 포트로 실행합니다.

백엔드

sh-dart 프로젝트 루트 경로에 dockerfile을 다음과 같이 작성 후 추가합니다.

FROM node:18
WORKDIR /app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build
EXPOSE 3000
CMD ["node", "dist/main"]

Node.js 18 버전 기반으로 구축하며 NPM 의존성 설치와 프로젝트 빌드를 합니다.
3000번 포트로 실행하게 됩니다.

도커 컴포즈

도커 컴포즈란 여러 개의 도커 컨테이너들을 하나의 서비스로 정의하고 묶어서 하나로 관리할 수 있는 도구입니다.

가장 상위 루트 경로에 docker-compose.yml을 다음과 같이 작성 후 추가합니다.

services:
  angular:
    build:
      context: ./sh-dart_web
      dockerfile: dockerfile
    container_name: angular-app
    ports:
      - "80:80"
    depends_on:
      - nestjs

  nestjs:
    build:
      context: ./sh-dart
      dockerfile: dockerfile
    container_name: nestjs-app
    ports:
      - "3000:3000"

프론트엔드: context에 프로젝트 경로를 지정합니다. 이때 이름은 angular-app으로 하고 호스트 80 포트를 컨테이너 80포트로 포트 포워딩 설정을 합니다. depends_on: nestjs 설정을 통해 nestjs가 실행한 후 종속적으로 실행할 수 있도록 합니다.
백엔드: 마찬가지로 context로 프로젝트 경로를 실행하고 3000포트로 포트포워딩 설정을 합니다.

최상위 경로에서 도커 컴포즈 빌드 명령을 다음과 같이 실행합니다.