[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 웹서버부터 확인해봅시다

jungin.me

dev.jungin.me

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

studyapi.jungin.me

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

 

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