<a href="https://jjongwoo.tistory.com/47">https://jjongwoo.tistory.com/47</a><hr><a href="https://github.com/eclipse-theia/theia/issues/1410">https://github.com/eclipse-theia/theia/issues/1410</a><a href="https://stackoverflow.com/questions/48757522/websocket-closing-after-60-seconds-of-being-idle-while-connection-node-server-us">https://stackoverflow.com/questions/48757522/websocket-closing-after-60-seconds-of-being-idle-while-connection-node-server-us</a><a href="https://docs.aws.amazon.com/elasticloadbalancing/latest/application/application-load-balancers.html#connection-idle-timeout">https://docs.aws.amazon.com/elasticloadbalancing/latest/application/application-load-balancers.html#connection-idle-timeout</a><hr>&nbsp;<h2>클라이언트에서 다음과 같이 핑을 한 번씩 쏴주는 걸로 연결유지 가능하더라.</h2>&nbsp;<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'JetBrains Mono',monospace;font-size:9.8pt;">import * as StompJs from "@stomp/stompjs" import {useEffect, useRef, useState} from "react" import {useSnackbar} from "notistack" import moment from "moment" function Index() { const {enqueueSnackbar, closeSnackbar} = useSnackbar() const client = useRef({}) const refPingPong = useRef({}) const [token, setToken] = useState("jwt") const [sessionId, setSessionId] = useState("eventId") useEffect(() =&gt; { connect() return () =&gt; { disconnect() } }, []) const connect = () =&gt; { client.current = new StompJs.Client({ brokerURL: process.env.NEXT_PUBLIC_SOCKET_URL, connectHeaders: { "Authorization": `${token}`, "EventSessionId": `${sessionId}`, }, debug: function (str) { console.log(str) }, reconnectDelay: 200, heartbeatIncoming: 2000, heartbeatOutgoing: 2000, onConnect: () =&gt; { // TODO: pingpong 시작 refPingPong.IntervalFunction = setInterval(pingPongFunction, 29997) console.error('@@@@@@@@@ Connect ' + moment().format("HH:mm:ss")) }, onStompError: (frame) =&gt; { console.error(frame) }, }) client.current.activate() } const disconnect = () =&gt; { client.current.deactivate() //TODO: pingpong 정리 clearInterval(refPingPong.IntervalFunction) } const pingPongFunction = () =&gt; { console.warn('@@@@@@@@@ ping ' + moment().format("HH:mm:ss")) client.current.publish({ destination: "/pub/ping", body: 'p' }) } } export default Index &nbsp;</pre>&nbsp;&nbsp;<hr><h2>문제</h2> React Native에서 WebRTC 모듈을 개발해서 ION-SFU서버 통신하는 데모앱을 만들었는데, 로컬에선 계속 작동하던 앱이 AWS EC2에 서버를 올려 통신하자 60초 이후 통신이 끊겼다...로그를 확인해보니까 Websocket 연결이 60초정도만 지나도 그냥 끊겨버리는 문제가 있었다. 특이한 에러메시지가 뜨면 찾아보기라도 할텐데 난데없이 에러가 나서 원인을 찾느라 조금 헤맸다.&nbsp;&nbsp;&nbsp;<h2>설명</h2>원인은 물론 AWS였다. AWS에 올라간 EC2는 ELB, 그 중 ALB(L7 load balancer)에 물려있다. 이것때문에 ION-SFU에서 Websocket가 말썽이었다. 참고로 이렇게 인스턴스를 ALB에 물려서 route해주는 경우 NAT설정도 추가적으로 해줘야한다.ALB를 이용하는 경우, 각 request마다 client는 load balancer를 거치면서 서버에 갈 때 2개의 연결이 생긴다. Client &lt;-&gt; LB, LB &lt;-&gt; EC2. LB 입장에선 당연히 연결을 갖고 있단건 자원을 소모하고 있는 것이기 때문에 정해진 Idle timeout 동안 아무런 데이터가 송수신되지 않으면 해당 연결을 끊어버린다. 기본으로 설정된 idle timeout은 60초이다. 그래서 Websocket이 60초만 유지됐던 이유이다. 참고로 HTTP 통신은 keepalive를 따로 해주면 연결이 끊기지 않는다고 한다.&nbsp;&nbsp;&nbsp;<h2>해결방법</h2>&nbsp;대충 원인을 알았으니 해결이 필요하다. Websocket이 TCP이긴해도 HTTP keepalive를 쓸 수 있을것같진 않아보인다. 그래서 3가지 정도 해결책을 생각해봤따.&nbsp;1. 60초 이전에 Ping/Pong 송수신.- 제일 이해가 가는 해결책이다. 서버단에서 구현하면 된다. 근데 jsonrpc2를 사용하고 있는데 이 모듈을 뒤집어까내서 pingpong을 구현해야한다는게 조금 흠이다. 아마 모바일 환경을 생각한다면 가끔 통신이 끊기는 경우가 발생할 수 있기 때문에 pingpong으로 하는게 좋을 것 같다.&nbsp;<a href="https://github.com/gorilla/websocket/tree/master/examples/chat">https://github.com/gorilla/websocket/tree/master/examples/chat</a>&nbsp;2. timeout 늘리기.- ALB에서 idle timeout 값을 조정한다. 1초에서 4000초까지 가능하다고하는데, 설마 4000초동안 아무런 통신을 안하면 그건 그냥 통신 끊는게 맞지...ㅎ. 이 방법은 이 링크에 나와있따.&nbsp;3. ELB를 L7(ALB)가 아닌 L4(NLB)에 물리기.- 확실하진 않은데, L4에선 안나지 않을까... L7이니까 stateful해서 자원을 반환해주려고 저렇게 연결을 끊는 것 같은데...- 예전에 전산실에 있을 땐 L4, L3 스위치만지면서 Load Balancer가 뭔지 대충 이해는 했지만 L7는 접할 기회가 없어서 이번에 조금 살펴본 것 같다. 직접 써봐야 더 알 수 있을거라 생각한다..&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

AWS EC2에선 왜 WebSocket 연결이 60초 후 끊길까