So verwenden Sie WebSocket

So verwenden Sie WebSocket: Erstellen Sie zunächst eine Instanz über ein neues WebSocket. Geben Sie dann die URL der Website an, die WebSocket für die Kommunikation verwendet.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, Javascript-Version 1.8.5.

WebSocket ist eine Technologie, die eine bidirektionale Kommunikation ermöglicht, indem die Server- und Clientseite immer verbunden bleibt. Dies ermöglicht Echtzeitkommunikation, wie z. B. Chat-Anwendungen und Spiele, die mehrere Personen gleichzeitig spielen können. Da jedoch auch serverseitige Programme erforderlich sind, konzentrieren wir uns in diesem Artikel auf WebSocket im Frontend-JavaScript.

Werfen wir zunächst einen Blick auf die grundlegende Verwendung von WebSocket.

Um WebSocket mit JavaScript nutzen zu können, müssen Sie zunächst eine Instanz erstellen.

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

Erstellen Sie eine Instanz über einen neuen WebSocket.

Die als Parameter angegebene URL ist die URL der Website, die künftig WebSocket für die Kommunikation verwenden wird.

Mit anderen Worten: Auf der Serverseite wird Code benötigt, um die WebSocket-Kommunikation abzuwickeln.

Die URLs, die wir im Allgemeinen sehen, beginnen mit „http://“ oder „https://“, aber für WebSocket ist es eine URL, die mit „ws://“ oder „wss://“ beginnt. /“ wird für spezielle Kommunikation verwendet.

Ereignisbehandlung und Methoden von WebSocket

In WebSocket verwenden wir häufig vier Ereignisbehandlungen und zwei Methoden.

Werfen wir zunächst einen Blick auf die vier Arten der Ereignisverarbeitung!

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

Führen Sie Onopen() aus, wenn Sie eine Verbindung herstellen und kommunizieren.
Führen Sie onerror() aus, wenn während der Kommunikation ein Fehler auftritt.
Führen Sie onmessage() aus, wenn Sie Daten vom Server empfangen.
Führen Sie OnClose aus, wenn Die Kommunikation ist unterbrochen.

Normalerweise verwenden Programme, die WebSocket verwenden, die oben genannten vier Ereignisse, um das Programm zusammenzustellen.

Darüber hinaus werden in Kombination mit der Ereignisverarbeitung häufig zwei Methoden verwendet!

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

send(): Daten an den Server senden
close(): Kommunikation unterbrechen

Send() wird hauptsächlich zum Senden von Daten an den Server verwendet, close() wird verwendet absichtlich die Verbindung trennen Offene Kommunikation.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie WebSocket. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!