프로젝트 구조

wefit

backend

…

frontend

…

conf

nginx.conf

error

404.html

docker-compose.yml

Nginx

https 설정

• certbot을 이용해서 letsencrypt ssl 키를 받은 후 사용해야 함
• openvidu를 배포하며 이미 받은 ssl키가 있어서 해당 키를 사용함

wefit/conf/nginx.conf

• nginx 설정 파일. 해당 내용을 바탕으로 요청 처리를 함

server {
#   클라이언트가 i7b206.p.ssafy.io:80/ 주소로 요청하면 아래의 location에 해당하는 곳으로 클라이언트 요청을 대신 보내줌
    listen 80;
    server_name i7b206.p.ssafy.io; # 도메인으로 변경

    location / {
        return 308 https://$host$request_uri;
    }
}

server {
    listen 443 ssl;
    server_name i7b206.p.ssafy.io; # 도메인으로 변경

    ssl_certificate /etc/letsencrypt/live/i7b206.p.ssafy.io/fullchain.pem; # example.org를 도메인으로 변경
    ssl_certificate_key /etc/letsencrypt/live/i7b206.p.ssafy.io/privkey.pem; # example.or를 도메인으로 변경

    location  / {
        proxy_intercept_errors on;
        proxy_pass  <http://3.36.88.140:8081>;
        error_page 500 502 503 504 /50x.html;
        error_page 404 /404.html;
    }

    location /api/v1{
        proxy_intercept_errors on;
        proxy_pass  http://3.36.88.140:8080$request_uri;
        error_page 404 /404.html;
        error_page 500 502 503 504 /50x.html;
    }

    error_page 404 /404.html;
    location = /404.html{
        root /usr/share/nginx/html;
        internal;
    }

    error_page 500 502 503 504 /50x.html;
    location = /50x.html{
        root /usr/share/nginx/html;
        internal;
    }
}

http 설정

• listen → 요청을 받을 포트 번호
• server_name → 요청을 받을 도메인 또는 IP
• location <경로> {} → 해당 경로로 요청이 들어왔을 때 수행할 일
  • return 308 https://$host$request_uri 에서 308로 리다이렉트 요청을 보내는 것 301로 해도 되지만 POST,PUT,DELETE 요청을 GET으로 리다이렉트 하는 문제가 생길 수 있다고 함
  • $host → 요청이 들어온 호스트
  • $request_uri → 요청이 들오혼 호스트를 제외한 uri
  • 해당 도메인에 대한 모든 요청을 https로 같은 호스트, 같은 uri 로 리다이렉트 시킴 → 아래의 https 설정인 443 포트로 요청이 가게 됨

https 설정

• listen 443 ssl; → 443 포트로 요청을 받음. https로 요청을 받음

  ssl_certificate /etc/letsencrypt/live/i7b206.p.ssafy.io/fullchain.pem;
  ssl_certificate_key /etc/letsencrypt/live/i7b206.p.ssafy.io/privkey.pem;
  

  • ssl 인증키 설정. ssl_certificate에 fullchain.pem을, ssl_certificate_key에 privkey.pem 을 연결 → 해당 키의 경로를 연결해줌

• 이후에 location으로 “/” 메인 경로에는 vue의 메인화면을 연결. → proxy_pass로 프록시 설정을 하여 nginx가 프록시 서버의 역할을 하고 해당 경로로 요청을 보내서 반환하는 형태

• location /api/v1 으로 해당 경로는 서버의 요청을 매핑시켜줌. → $request_uri를 이용하여 api/v1 뒤에 오는 모든 요청을 받는 형태임

• proxy_intercept_erros on; 으로 에러발생 시 에러를 처리할 수 있게 함