WebSockets - Verbindungen öffnen

Sobald eine Verbindung zwischen dem Client und dem Server hergestellt wurde, wird das offene Ereignis von der Web Socket-Instanz ausgelöst. Es wird als anfänglicher Handshake zwischen Client und Server bezeichnet.

Das Ereignis, das ausgelöst wird, sobald die Verbindung hergestellt ist, wird als Ereignis bezeichnet onopen. Das Erstellen von Web Socket-Verbindungen ist wirklich einfach. Alles was Sie tun müssen, ist das anzurufenWebSocket constructor und geben Sie die URL Ihres Servers ein.

Der folgende Code wird zum Erstellen einer Web Socket-Verbindung verwendet:

// Create a new WebSocket.
var socket = new WebSocket('ws://echo.websocket.org');

Sobald die Verbindung hergestellt wurde, wird das offene Ereignis auf Ihrer Web Socket-Instanz ausgelöst.

onopen bezieht sich auf den anfänglichen Handshake zwischen Client und Server, der zum ersten Geschäft geführt hat und die Webanwendung bereit ist, die Daten zu übertragen.

Das folgende Codefragment beschreibt das Öffnen der Verbindung des Web Socket-Protokolls:

socket.onopen = function(event) {
   console.log(“Connection established”);
   // Display user friendly messages for the successful establishment of connection
   var.label = document.getElementById(“status”);
   label.innerHTML = ”Connection established”;
}

Es wird empfohlen, den Benutzern, die auf den Aufbau der Web Socket-Verbindung warten, angemessenes Feedback zu geben. Es wird jedoch immer darauf hingewiesen, dass Web Socket-Verbindungen vergleichsweise schnell sind.

Die Demo der hergestellten Web Socket-Verbindung ist unter der angegebenen URL dokumentiert. https://www.websocket.org/echo.html

Ein Schnappschuss des Verbindungsaufbaus und der Antwort an den Benutzer wird unten gezeigt -

Das Einrichten eines offenen Status ermöglicht die Vollduplex-Kommunikation und die Übertragung von Nachrichten, bis die Verbindung beendet wird.

Beispiel

Aufbau der Client-HTML5-Datei.

<!DOCTYPE html>
<html>
   <meta charset = "utf-8" />
   <title>WebSocket Test</title>

   <script language = "javascript" type = "text/javascript">
      var wsUri = "ws://echo.websocket.org/";
      var output;
	
      function init() {
         output = document.getElementById("output");
         testWebSocket();
      }
	
      function testWebSocket() {
         websocket = new WebSocket(wsUri);
			
         websocket.onopen = function(evt) {
            onOpen(evt)
         };
      }
	
      function onOpen(evt) {
         writeToScreen("CONNECTED");
      }
	
      window.addEventListener("load", init, false);
   
   </script>

   <h2>WebSocket Test</h2>
   <div id = "output"></div>

</html>

Die Ausgabe wird wie folgt sein -

Die obige HTML5- und JavaScript-Datei zeigt die Implementierung von zwei Ereignissen von Web Socket, nämlich -

onLoad Dies hilft bei der Erstellung von JavaScript-Objekten und der Initialisierung der Verbindung.
onOpen stellt eine Verbindung zum Server her und sendet auch den Status.