HTTPS에 올라간 리액트에서 웹소켓 WS를 호출할수 있는 방법이 있을까요?

Question

create-react-app 으로 만든 리액트가 HTTPS 에 올라가 있고,웹소켓은 WS를 사용하고 있는데Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.와 같은 에러가 나타나고 있습니다.혹시 ws던 wss던 둘 다 상관없이 쓸수 있는 방법이 있을까요? (리액트쪽만 고칠수 있는 상황입니다..)

Clickin · Answer

TLS 적용되지 않은 백엔드를 TLS 적용해줄 프록시 서버 따로 만드시는 방법밖에 없습니다.브라우저의 제약사항이므로 우회할 방도가 없을겁니다.

집킨 · Answer

웹소켓 서버를 컨트롤 할 수 없는 상황이면 리버스 프록시 쓰셔야죠클라이언트 <-> 리버스 프록시 서버 = wss 통신리버스 프록시 서버 <-> 웹소켓 서버 = ws 통신

HTTPS에 올라간 리액트에서 웹소켓 WS를 호출할수 있는 방법이 있을까요?

2개의 답변

기술 목록