HTML5 사양에서 내가 가장 좋아하는 웹 기술은 WebSocket API이며 빠르게 인기를 얻고 있습니다. WebSocket은 지난 몇 년간 사용해 온 Ajax 기술을 대체 할 수있는 인기있는 기술을 제공합니다. 이 새로운 API는 클라이언트의 간단한 구문을 사용하여 메시지에 메시지를 효과적으로 푸시하는 방법을 제공합니다. HTML5 WebSocket API를 살펴 보겠습니다. 클라이언트 및 서버 측에서 사용할 수 있습니다. Socket.io라는 우수한 타사 API가 있습니다.
1. HTML5의 WebSocket API는 무엇입니까?WebSocket API는 차세대 클라이언트 서버의 비동기 통신 방법입니다. 이 통신은 WS 또는 WSS 프로토콜을 사용하여 단일 TCP 소켓을 대체하여 모든 클라이언트 및 서버 프로그램에 사용할 수 있습니다. WebSocket은 현재 W3C에 의해 표준화되었습니다. WebSocket은 이미 Firefox 4, Chrome 4, Opera 10.70 및 Safari 5와 같은 브라우저에서 이미 지원됩니다.
WebSocket API의 가장 큰 장점은 서버와 클라이언트가 주어진 시간 범위 내에서 언제든지 정보를 서로 푸시 할 수 있다는 것입니다. Ajax 기술은 클라이언트가 요청을 시작 해야하는 반면 WebSocket 서버와 클라이언트는 정보를 서로 푸시 할 수 있기 때문에 WebSocket은 AJAX (또는 XHR) 모드의 커뮤니케이션에만 국한되지 않습니다. XHR은 도메인에 의해 제한되는 반면 WebSocket은 크로스 도메인 커뮤니케이션을 허용합니다.
Ajax 기술의 현명한 점은 사용할 방법이 없다는 것입니다. WebSocket은 지정된 대상을 위해 작성되며 메시지를 양방향으로 푸시하는 데 사용됩니다.
2. HTML5에서 WebSocket API 사용각 서버 측 언어에는 자체 API가 있으므로 클라이언트 측 API에만 초점을 맞추십시오. 다음 코드 스 니펫은 연결을 열고 연결에 대한 이벤트 리스너를 만들고, 연결을 끊고, 메시지 시간을 보내고, 메시지를 서버로 다시 보내고 연결을 닫는 것입니다.
코드를 복사하십시오