WebSocketsErste Schritte mit WebSockets


Bemerkungen

In diesem Abschnitt erhalten Sie einen Überblick darüber, was Websocket ist und warum ein Entwickler es verwenden möchte.

Es sollte auch alle großen Themen in Websocket erwähnen und auf die verwandten Themen verweisen. Da die Dokumentation für Websocket neu ist, müssen Sie möglicherweise erste Versionen dieser verwandten Themen erstellen.

Installation oder Setup

Detaillierte Anweisungen zum Einrichten oder Installieren der Web-Socket.

Web-Socket-Client-Beispiel

Dies ist ein Beispiel für einen Web-Socket-Client in Javascript.
Es:

  1. Verbindet mit einem Live-Demo-Server.
  2. Sendet eine Nachricht
  3. Empfängt Nachricht (en).
  4. Trennt nach einem Intervall die Verbindung.
var mySocket    = null;
var serverUrl   = 'wss://echo.websocket.org';  //  wss: is ws: but using SSL.
var oWebSocket  = window.WebSocket || window.MozWebSocket;
if (oWebSocket) {
    mySocket = new oWebSocket (serverUrl);
    if (mySocket) {
        console.log (mySocket);
        mySocket.onopen     = onSocketOpen;
        mySocket.onclose    = onSocketClose;
        mySocket.onmessage  = onSocketMessage;
        mySocket.onerror    = onSocketError;

        setTimeout (closeSocket, 5000);  //  Be polite and free socket when done.
    }
}

function onSocketOpen (evt) {
    console.log ("Socket is now open.");
    mySocket.send ("Hello from my first live web socket!");
}

function onSocketClose (evt) {
    console.log ("Socket is now closed.");
}

function onSocketMessage (evt) {
    console.log ("Recieved from socket: ", evt.data);
}

function onSocketError (evt) {
    console.log ("Error with/from socket!:");
    console.log (evt);
}

function closeSocket () {
    if (mySocket.readyState !== mySocket.CLOSED) {
        console.log ("Closing socket from our end (timer).");
        mySocket.close ();
    }
    else
        console.log ("Socket was already closed (timer).");
}
 

Wenn Sie diesen Code in einer Konsole ausführen, erhalten Sie ein Ergebnis wie:

WebSocket { url: "wss://echo.websocket.org/", readyState: 0, bufferedAmount: 0, onopen: null,
    onerror: null, onclose: null, extensions: "", protocol: "", onmessage: null,
    binaryType: "blob" 
}
2  //  <--- 2 was the socket ID in this instance.
Socket is now open. 
Recieved from socket:  Hello from my first live web socket! 
Closing socket from our end (timer). 
Socket is now closed.