웹소켓을 사용하는 방법

WebSocket 사용 방법: 먼저 새 WebSocket을 통해 인스턴스를 만든 다음 WebSocket을 사용하여 통신하는 웹사이트의 URL을 지정하고 마지막으로 WebSocket 통신을 처리합니다.

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, javascript 버전 1.8.5.

WebSocket은 서버 측과 클라이언트 측을 항상 연결하여 양방향 통신을 가능하게 하는 기술로, 여러 사람이 동시에 플레이할 수 있는 채팅 애플리케이션, 게임 등 실시간 통신이 가능합니다. 그러나 서버 측 프로그램도 필요하므로 이 기사에서는 프런트 엔드 JavaScript의 WebSocket에 중점을 둘 것입니다.

먼저 WebSocket의 기본 사용법을 살펴보겠습니다.

JavaScript로 WebSocket을 사용하려면 먼저 인스턴스를 생성해야 합니다.

var connection = new WebSocket(【进行通信的URL】);

새 WebSocket을 통해 인스턴스를 생성하세요.

파라미터로 지정된 URL은 향후 WebSocket 통신을 위해 사용될 웹사이트의 URL입니다.

즉, WebSocket 통신을 처리하려면 서버 측에 코드가 필요합니다.

우리가 일반적으로 보는 URL은 "http://" 또는 "https://"로 시작하지만 WebSocket의 경우 "ws://" 또는 "wss://"로 시작하는 URL입니다. 특별한 커뮤니케이션.

WebSocket의 이벤트 처리 및 방법

WebSocket에서는 4가지 이벤트 처리와 2가지 방법을 자주 사용합니다.

먼저 4가지 이벤트 처리 유형을 살펴보겠습니다!

var connection = new WebSocket(【进行通信的URL】);
//连接到通信
connection.onopen = function(e) { };
//发生错误时
connection.onerror = function(error) { };
//收到通信
connection.onmessage = function(e) { };
//通信中断
connection.onclose = function() { };

Onopen()은 통신이 연결되었을 때 실행됩니다.
Onerror()는 서버로부터 데이터가 수신되었을 때 실행됩니다.
OnClose()는 통신이 중단되었을 때 실행됩니다.

일반적으로 WebSocket을 사용합니다. 프로그램은 위의 네 가지 이벤트를 사용하여 프로그램을 조립합니다.

또한 이벤트 처리와 결합하여 두 가지 방법을 흔히 사용합니다!

//发送数据的方法
connection.send();
 
//切断通信的方法
connection.close();

send(): 서버에 데이터 보내기

close(): 통신 끊기

서버 측에 데이터를 보낼 때 주로 send()를 사용하고, 의도적으로 통신을 끊을 때 close()를 사용합니다.

위 내용은 웹소켓을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!