[Docker] Docker를 이용한 Nginx Reverse Proxy 서버

Intro

처음에는 단순히 하나의 서버를 가지고 여러 개의 웹 서비스를 제공하고 싶어 시작하였다. 그러나 공부를 하면 할수록 Reverse Proxy 서버는 생각보다 다양한 기능을 가지고 있었고 Docker를 이용하면서 여러 시행착오를 겪었기에 글로 기록해본다..

What is Proxy Server??

프록시 서버는 그림처럼 사용자와 서버와의 중계인 역할을 해준다

프록시는 크게 Forward Proxy와 Reverse Proxy로 나뉜다

Forward Proxy

Forward Proxy는 인터넷에 연결하기 전에 프록시 서버한테 요청을 하고 프록시 서버가 실제 서버로 요청을 한 후 클라이언트에게 결과를 전달해준다.

쉽게 말해서 프록시 서버가 클라이언트 대신 서버로 요청을 하는 것이다 ! 만약에 우리가 공유기에 연결된 컴퓨터로 naver.com을 연결하면 naver.com에 직접 요청한 것은 우리 집 컴퓨터가 아니라 공유기(proxy)가 요청을 한 것이다.

Forward Proxy의 장점

1. 클라이언트 입장에서 프록시 서버가 대신 요청해주기 때문에 자신의 IP를 숨길 수 있다.

2. 자주 사용하는 데이터를 캐싱해서 네트워크 성능 향상이 가능하다.

그 외 보안 등등..

Reverse Proxy

Reverse Proxy는 클라이언트가 내부 서버에 접근 시, Proxy 서버를 먼저 거친 후에 내부 서버로 요청을 보내는 방식이다.

Reverse Proxy의 장점

1. Forward와는 반대로 클라이언트는 실제 내부망에 있는 서버의 IP를 숨길 수 있다

2. 하나의 IP, 서버를 가지고 서브도메인을 이용하여 여러 개의 웹 서비스를 운영할 수 있다. ~~(내가 이거 하려고 쌩고생을 했다.)~~

3. 로드밸런싱을 통해 요청을 분배할 수 있다.

How to use Nginx Reverse Proxy with Docker?

Docker 개념만 알고 실제로 써보질 못해서 이번에 한 번 써 보자 하는 마음으로 docker를 이용하여 서버 세팅을 해보았다. 실제 서비스는 이러한 구조이다.

Nginx Reverse Proxy 서버를 이용하여 nginx 서버 두개와 node api 서버를 연결할 것이다.

파일 구조는 이러합니다.

- workspace
ㄴ dev
	ㄴ source
    ㄴ nginx.conf
ㄴ main
	ㄴ source
    ㄴ nginx.conf
ㄴ study_apiServer
	ㄴ 소스파일
    ㄴ Dockerfile
    ㄴ .dockerignore
ㄴ proxy
	ㄴ nginx.conf
ㄴ docker-compose.yml

docker-compose.yml

version: "3"
services:
  nginx-proxy:
    container_name: nginx-proxy
    depends_on:
      - main
      - dev
      - express
    image: nginx:latest
    ports:
      - "80:80"
      - "433:433"
    volumes:
      - ./proxy/nginx.conf:/etc/nginx/nginx.conf
    restart: always
  main:
    container_name: main
    image: nginx:latest
    expose:
      - "8080"
    volumes:
      - ./main/nginx.conf:/etc/nginx/nginx.conf
      - /root/workspace/main/source:/usr/share/nginx/html
    restart: always
  dev:
    container_name: dev
    image: nginx:latest
    expose:
      - "8081"
    volumes:
      - ./dev/nginx.conf:/etc/nginx/nginx.conf
      - /root/workspace/dev/source:/usr/share/nginx/html
    restart: always
  express:
    build:
      context: ./study_apiServer 
    container_name: express
    expose:
      - "8082" 
    volumes:
      - ./study_apiServer:/source 
      - /study_apiServer/node_modules 
    restart: "unless-stopped"

nginx-proxy: Reverse Proxy 역할을 컨테이너이며 host와 80,443 포트를 바인딩했습니다. depends_on으로 main, dev, express가 실행된 후 제일 마지막에 컨테이너가 실행되게 했습니다. volumes으로 host의

./proxy/nginx.conf와 /etc/nginx/nginx.conf 파일을 공유하고 있습니다.

main: static 화면을 보여줄 nginx 서버입니다. expose로 도커 내부에서 8080 포트를 open하고 있습니다. host의

./main/nginx.conf, /root/workspace/main/source를 각각 /etc/nginx/nginx.conf, /usr/share/nginx/html과 공유하고 있습니다.

dev: main과 같으며 8081 포트를 open하고 있습니다

express: node로 되있는 api 서버이며 host의 ./study_apiServer 과 /source 를 공유하고 있습니다. build에서 context 위치에 있는 dockerfile에서 이미지를 빌드한 후 사용합니다.

Reverse Proxy 서버 역할을 할 Nginx의 nginx.conf

# proxy/nginx.conf
user  nginx;
worker_processes  auto;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;
   
    server {
        server_name jungin.me;
        location / {
            proxy_pass         http://main:8080;
            proxy_redirect     off;
            proxy_set_header   Host $host;
            proxy_set_header   X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }
    server{
        server_name dev.jungin.me;
        location / {
            proxy_pass        http://dev:8081;
            proxy_redirect     off;
            proxy_set_header   Host $host;
            proxy_set_header   X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

    server {
        server_name studyapi.jungin.me;
        location / {
            proxy_pass         http://express:8082;
	    proxy_set_header X-Forwarded-Proto $scheme;
            proxy_set_header   Host $host;
            proxy_set_header   X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }


    
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    keepalive_timeout  65;
    include /etc/nginx/conf.d/*.conf;
}

여기서 중요한 것만 살펴보겠습니다.

server {
        server_name jungin.me;
        location / {
            proxy_pass         http://main:8080;
            proxy_redirect     off;
            proxy_set_header   Host $host;
            proxy_set_header   X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }

server_name , jungin.me로 요청이 오면 proxy_pass http://main:8080으로 가게 되는 것입니다. nginx 웹서버의 nginx.conf 을 보면

worker_processes  1;
events {
    worker_connections  1024;
}
http{
    server {
    listen 8080;
 
    server_name jungin.me;
    root /usr/share/nginx/html;
    index index.html;
 
    error_log /var/log/nginx/api_error.log;
    access_log /var/log/nginx/api_access.log;
   }
}

8080 포트를 listen을 하고 있으며 root 디렉터리로 /usr/share/nginx/html를 사용하고 있습니다.

api 서버는 dockerfile을 이용하여 이미지를 만들고 8082 포트를 오픈하였습니다.

dockerfile은 이러합니다

FROM node:12

WORKDIR /study_apiServer
COPY . .

RUN npm install

CMD node ./bin/www

.dockerignore은 node_modules은 image를 만들 때 무시하도록 설정한 것입니다. gitignore과 사용법이 같습니다.

node_moudles/

Do it !

이제 설정을 다 했으니 실행하고 결과를 확인해봅시다.

docker-compose up -d

먼저 nginx 웹서버부터 확인해봅시다

이제 api 서버가 잘 되는지 확인하기 위해 postman을 ~~

요청에 맞게 잘 오네요 !! ~

Reference

https://medium.com/sjk5766/docker-compose%EB%A1%9C-localhost-nginx-%EB%A6%AC%EB%B2%84%EC%8A%A4-%ED%94%84%EB%A1%9D%EC%8B%9C-%EA%B5%AC%EC%84%B1-8214d41a94fc

저작자표시

Jungin