[TIL_Carrotww] 79 - 22/12/23

📝Carrotww의 코딩 기록장

🧲 SSL 적용 후 websocket 연결 안됨

const front_end_url = "http://bluecomma.shop"
const back_end_url = "http://www.carrotww.shop"
const websocketBaseUrl = "ws://3.34.40.115/ws/socket-server"

이게 우리 백엔드 서버와 프론트의 서버인데 초기에는 위와같이 되어있었다.

ssl 적용하기 전에 모든 기능이 작동하였고 aws 에서 인증서를 발급 받고 프론트와 백엔드 모두 각각 적용시켜주었다.
그 후 js 파일에 모두 적용되는 위 파일을 아래와 같이 변경하였다.

const front_end_url = "https://bluecomma.shop"
const back_end_url = "https://www.carrotww.shop"
const websocketBaseUrl = "wss://3.34.40.115/ws/socket-server"

웹소켓은 http 프로토콜 안에서 헤더만 바뀐 것이기에 위와같이 s 똑같이 붙여주면된다.
하지만 다른 모든 기능은 작동하였지만 웹소켓만 작동하지 않았다.
너무 어지러웠지만 하나하나 경우의 수를 줄여나갔다.
여러 사람이 작업중이여서 백엔드 프론트를 원래대로 돌려보았지만 역시 안되었다.
ssl 적용을 해제한 후 테스트 해보니 되었고
백엔드만 ssl 적용을 하니 되었다.
하지만 웹소켓의 wss 연결은 여전히 되지 않았고 다시 찾아보았다.

결국 찾아서 해결하였는데 결론은 url 에 ssl을 적용하기 어렵다 이다.
어렵다는게 무슨 뜻이냐면 IP를 대상으로 인증서를 발급해 주는곳이 거의 없다는 말이다. 그래서 domain 이 필요하고 우리는 도메인에 인증서를 적용하였기 때문에 안되었던 것이다.
수많은 배포 시도로 정신이 나가있어서 알고있었던 것이지만 신경을 못써서 오래 찾았다.. ㅠㅠ
아래와 같이 수정하면 끝!

const front_end_url = "https://bluecomma.shop"
const back_end_url = "https://www.carrotww.shop"
const websocketBaseUrl = "wss://www.carrotww.shop/ws/socket-server"