🏴 nginx websocket 연결 시 문제 발생

분야	작성자	작성일
BE	김성환	24년 11월 21일

문제 시작

• 리버스 프록시로써 앞에 nginx을 붙여 사용중에 있다.
• 문제는 websocket을 연결할 때 문제가 발생한다.
• 에러 코드에서는 301가 뜬다.

문제 원인 파악

• 301은 리다이렉션이 되는 것때문에 문제가 발생한다.
• 우리는 socket.io를 사용한다.
  • 이때, 처음에 엔드포인트가 /socket.io로 들어오게 되는 데(postman 기본 설정)
  • socket.io는 처음 요청을 보낼 때 http로 보내게 된다.
  • http는 location /일때 모든 요청을 301로 응답, https로 업그레이드된 주소를 리턴함으로써 https로 업그레이드하는 것을 요구한다.
  • 문제는 이걸 socket.io가 처음 핸드쉐이크할 때에는 제대로 알 수 없다는 문제이다.

문제 해결

• reverse proxy에서 사용하는 nginx 설정을 다음과 같이 바꿔줘서 처음 핸드쉐이크할 때에는 http가 가능하게 바꿔줬다.

  server {
      listen 80;
      server_name juchum.info;
      location /socket.io {
          proxy_pass         http://nest-api-server/socket.io;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection 'upgrade';
          proxy_set_header Host $host;
      }
      location / {
          return 301 https://$host$request_uri;
      }
      location /.well-known/acme-challenge/ {
          root /var/www/certbot;
      }
  }

• 이제는 아주 잘된다!

참고 자료

https://velog.io/@penrose_15/Websocket-%EB%B0%8F-Websocket-%ED%85%8C%EC%8A%A4%ED%8A%B8

https://dev-gorany.tistory.com/330