[WS Protocol] HTML5 WebSocket(웹 소켓) 온라인 테스트 사이트 소개

HTML5 WebSocket 테스트 사이트 소개

---

기존 웹 페이지의 전형적인 브라우저의 양방향 통신 방법에 있어서 고전적인 Polling, long Polling,
Streaming 등은 근본적으로 서버의 부담을 줄이고 빠른 응답속도 향상을 위한 기술의 발전으로 나아가고 
있다고 볼 수 있습니다.

아쉽게도 클라이언트에서 송신하는 메시지를 서버측에서 실시간적인 빠른 응답처리는 서비스 상용화가
불가능했다고 볼 수 있습니다.

그래서 TCP Socket을 대신할 WebSocket 서비스를 통해서 서버와 클라이언트간의 향방향 통신을 가능하게
해주어 현재 많은 곳에서 서비스하고 있습니다.

현재 저도 Django + WebSocket을 활용한 실시간 데이터 학습 및 처리 기술에 관한 프로젝트 진행 중에
있습니다. 

서버측 개발 완료 전 클라이언트의 WebSocket 작동 테스트를 제공하는 유용한 사이트를 잘 활용해서
정리 및 소개를 위해서 포스팅 하려고 합니다.

기존 HTML5 WebSocket에 대한 자세한 설명은 여기를 클릭하세요.

WebSocket 테스트 사이트 추천

아래 URL의 두 개의 사이트를 소개하고자 합니다. 기본적으로 HTML5 WebSocket 에서 제공하는 필수 이벤트 구성 요소인  연결(connect),종료(close),발신(Send),수신(Receive),로그(Log)  등의 서비스를 클라이언트에서 테스트를 해볼 수 있습니다.

참고로 저는 Vue.js를 활용해서 프론트를 구성해놓고 양방향 소켓 통신 테스트는 무료 사이트를 이용해서 기본적인 프로토타입 개발을 완료했습니다.

Websocket.org

https://www.websocket.org/echo.html

안정적으로 서비스를 제공합니다.
기본적인 Text 데이터 송수신에 활용할 수 있습니다.

Kaazing WebSocket

http://demos.kaazing.com/echo/index.html

텍스트 데이터 외 Blob 및 Request Buffer 테스트도 가능한 사이트 입니다.

WebSocket 테스트 사이트 실행

두 사이트에서 크롬(Chrome) 브라우저를 사용해서 테스트한 화면입니다.

참고로 브라우저별 WebSocket 지원 여부는 이 곳을 방문하시면 확인하실 수 있습니다.

사이트1

사이트2

마무리

HTTP2 서비스 상용화가 임박한 것 같습니다. 기존에 WebSocket은 HTTP2에서는 크게 달라지는 건 없지만, 내부적으로 SPDY 프로토콜 표준화를 통해서 엔지니어는 신경쓰지 않아도 클라이언트의 리소스 렌더링에 대한 퍼포먼스가 더욱 향상된다고 발표되고 있습니다.

최근들어 실시간 처리 응용 기술의 요구가 많아 지고 있고 이는 서비스의 형태, 규모에 따라 앞으로 웹 소켓을
활용하는 파트가 점점 늘어날 걸로 생각되고 있습니다.

관련 정보가 업데이트 되면 자세한 정보를 포스팅 하도록 하겠습니다. 

http2 에 관한 자세한 정보는 이 곳을 방문하시면 확인하실 수 있습니다.