브라우저 종료시 이벤트 관련 질문입니다.(React, websocket을 이용해서 개발중입니다.)

Question

안녕하세요? React websocket node.js(express) 환경에서 개발을 진행중인 초보개발자입니다.채팅앱 변형 웹어플리케이션을 개발중인데요. 화면에 현재 방에 접속중인 인원을 표시해줍니다. 근데 방에서 나간 인원을 체크하는 부분에서 애를 먹고있습니다.방에 들어오는 인원들을 방 별 배열에 추가함으로써 해당 채팅방에 접속중인 인원을 보여주고있습니다.방에 들어오는 부분은 별문제가 없었으나... 방에서 나갈때가 문제가 되고있습니다 ㅠㅠ 방에서 나가는 방법에는뒤로가기를 누를수도 있고, 브라우저를 꺼버릴수도있고 (혹은 강제종료) 사용자가 어떤 액션을 취할지 모르기에 그에 대한 처리가 필요할것 같은데요. componentWillUnmount에서 호출하는 메서드를 통해 '뒤로가기'를 통해 나가는 유저에대해서는 유저목록에서 빼는데 성공했습니다. 그 외에 브라우저를 종료함으로써 방에서 나가는 인원들에 대해서 처리를 해야하는데요.beforeunload이벤트를 통해 처리를 해보려했는데,beforeunload이벤트가 제대로 동작하지 않네요! 위의 방법외에 좋은 아이디어있으시면 가이드좀 부탁드립니다 ㅜㅜ

단설 · Answer

브라우저 강제종료까지 체크하려면 별도의 healthcheck 로직이 필요할 것 같습니다.

websterking · Answer

&#64;단설 님, 댓글 감사드립니다. healthcheck로직에 대해 간략히 설명해주실수 있으신가요!??

단설 · Answer

간단합니다.우선 max timeout을 설정합니다. 가령 뭐 30초라고 치고요.채팅에 접속한 유저는 예를 들어 10초 간격으로 특정 서버 API를 계속 호출하게 합니다.서버는 이 API로 호출이 들어오는 유저들은 접속한 상태로 간주하고요.명시적으로 직접 종료하거나 30초 이상 그 API를 호출하지 않은 유저들은 접속종료한 것으로 간주하고 유저 목록에서 빼버리면 됩니다.

websterking · Answer

좋은 방법이네요! 감사합니다!

단설 · Answer

아 다시보니 웹소켓 환경이었네요.그럼 직접 구현할 필요 없이 웹소켓 연결 끊어지면 접속종료로 간주하면 간단하겠습니다.

브라우저 종료시 이벤트 관련 질문입니다.(React, websocket을 이용해서 개발중입니다.)

5개의 답변

Q&A 목록