Szukaj…


Wprowadzenie

WebSocket to protokół, który umożliwia dwukierunkową komunikację między klientem a serwerem:

Celem WebSocket jest zapewnienie mechanizmu dla aplikacji opartych na przeglądarce, które wymagają dwukierunkowej komunikacji z serwerami, która nie polega na otwieraniu wielu połączeń HTTP. ( RFC 6455 )

WebSocket działa na protokole HTTP.

Składnia

  • nowy WebSocket (adres URL)
  • ws.binaryType / * typ dostarczenia odebranej wiadomości: „arraybuffer” lub „blob” * /
  • ws.close ()
  • ws.send (dane)
  • ws.onmessage = funkcja (komunikat) {/ * ... * /}
  • ws.onopen = function () {/ * ... * /}
  • ws.onerror = function () {/ * ... * /}
  • ws.onclose = function () {/ * ... * /}

Parametry

Parametr Detale
URL Adres URL serwera obsługujący to połączenie przez gniazdo sieciowe.
dane Treść do wysłania do hosta.
wiadomość Wiadomość otrzymana od hosta.

Nawiąż połączenie sieciowe

var wsHost = "ws://my-sites-url.com/path/to/web-socket-handler";
var ws = new WebSocket(wsHost);

Praca z komunikatami tekstowymi

var wsHost = "ws://my-sites-url.com/path/to/echo-web-socket-handler";
var ws = new WebSocket(wsHost);
var value = "an example message";

//onmessage : Event Listener - Triggered when we receive message form server
ws.onmessage = function(message) {
    if (message === value) {
        console.log("The echo host sent the correct message.");
    } else {
        console.log("Expected: " + value);
        console.log("Received: " + message);
    }
};

//onopen : Event Listener - event is triggered when websockets readyState changes to open which means now we are ready to send and receives messages from server
ws.onopen = function() {
    //send is used to send the message to server
    ws.send(value);
};

Praca z komunikatami binarnymi

var wsHost = "http://my-sites-url.com/path/to/echo-web-socket-handler";
var ws = new WebSocket(wsHost);
var buffer = new ArrayBuffer(5); // 5 byte buffer
var bufferView = new DataView(buffer);

bufferView.setFloat32(0, Math.PI);
bufferView.setUint8(4, 127);

ws.binaryType = 'arraybuffer';

ws.onmessage = function(message) {
    var view = new DataView(message.data);
    console.log('Uint8:', view.getUint8(4), 'Float32:', view.getFloat32(0))
};

ws.onopen = function() {
    ws.send(buffer);
};

Nawiązywanie bezpiecznego połączenia sieciowego

var sck = "wss://site.com/wss-handler";
var wss = new WebSocket(sck);

Używa wss zamiast ws aby utworzyć bezpieczne połączenie sieciowe, które korzysta z HTTPS zamiast HTTP



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow