docker-compose 2개 실행하여 nginx, react proxy 설정하기

첫번째 docker-compose에는 nginx, php, mysql 이 설정되어 있다.

 

두번째 docker-compose에는 react가 설정되어 있다.

 

로컬에서 domain.com(hosts를 설정해서 로컬호스트로 접속하도록 설정함)으로 접속하면 nginx가 요청을 받도록 되어 있는데, 서브 도메인(help.domain.com)으로 접속하면 react가 보여지도록 하고 싶었다.

 

docker-compose를 각각 실행하면 network가 각각 만들어진다. 이 네트워크를 새로 생성하자.

 

docker network ls

생성된 네트워크 목록을 볼수 있는 명령어다.  

docker network create 네트워크명

네트워크를 생성한다. 

 

이후 docker-compose.yml 파일에 다음과 같이 추가하자.

networks:
  default:
    external:
      name: 네트워크명

그런 다음 docker-compose를 실행시켜보자.

 

docker network inspect 네트워크명

위 명령어를 치면 네트워크의 상세 내용이 보인다. 그럼 이제 첫번재 docker-compose의 컨테이너와 두번째 docker-compose 컨테이너가 모두 들어있는것을 확인 할 수 있다.

 

server {
     listen 80;
     client_max_body_size 10M;

     server_name help.comepage.me;
     location / {
         proxy_pass http://컨테이너명:3000;
         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;
     }
}

nginx의 설정파일을 위와 같이 설정하자. 주의할점은 컨테이너명을 정확히 입력해야 되고, 포트는 컨테이너 내부에서 접속할 수 있는 포트로 입력하는것을 주의할것.

 

docker는 정말 신세계다 ㅠㅠ