Socket.io 1.x: używaj tylko WebSockets?

Powiedzieć Socket.IO aby użyć WebSocket tylko zamiast kilku żądań XHR, po prostu dodaj to do serwera węzła:

io.set('transports', ['websocket']);

I na kliencie dodaj to:

var socket = io({transports: ['websocket']});

To mówi Socket.IO używać tylko protokołu WebSocket i nic więcej; jest czystszy, szybszy i zużywa trochę mniej zasobów po stronie klienta i serwera.

Teraz zobaczysz tylko jedno połączenie WebSocket na liście żądań sieciowych, pamiętaj tylko, że IE9 i wcześniejsze nie mogą używać WebSocket.

Zamieszczam tę odpowiedź, ponieważ zaakceptowana odpowiedź nie jest poprawna - myli Socket.IO upgrade Z Long-polling AJAX do WebSocket z żądaniem protokołu WSS "Connection: Upgrade". Problem nie polega na tym, że połączenie WebSocket rozpoczyna się jako HTTP i zostaje uaktualnione do WebSocket - jak to nie może? - ale to Socket.IO zaczyna się od długotrwałego połączenia AJAX nawet w przeglądarkach obsługujących WebSocket, a dopiero aktualizuje go później po wymianie ruchu. Bardzo łatwo zobaczyć w narzędzia programistyczne Firefoksa lub Chrome.

Zobacz odpowiedzi autorstwa Arnolda i Nicka Steele ' a jeśli chcesz uniknąć długich sondaży. Wyjaśnię bardziej szczegółowo, co się dzieje.

To właśnie obserwowałem w moich eksperymentach z prostym WebSocket i Socket.IO aplikacje:

WebSocket

2 zapytań, 1.50 KB, 0.05 s

Z tych 2 żądań:

1. sama strona HTML
2. Aktualizacja połączenia do WebSocket

(żądanie aktualizacji połączenia jest widoczne w narzędziach programistycznych z odpowiedzią 101 protokołów przełączania.)

Socket.IO

6 zapytań, 181.56 KB, 0.25 s

Z tych 6 żądań:

1. sama strona HTML
2. Socket.IO " s JavaScript (180 kilobajtów)
3. pierwsza długa ankieta
4. druga długa ankieta
5. trzecia długa ankieta
6. Aktualizacja połączenia do WebSocket

Szczegóły

Wyniki WebSocket, które dostałem na localhost:

Socket.IO wyniki, które dostałem na localhost:

Sprawdź się

Opublikowałem kod na npm i na GitHub , możesz go uruchomić samodzielnie:

# Install:
npm i -g websocket-vs-socket.io
# Run the server:
websocket-vs-socket.io

I postępuj zgodnie z instrukcjami. Do odinstalowania:

# Uninstall:
npm rm -g websocket-vs-socket.io

Zobacz ta odpowiedź więcej informacji.

Pomyślałem, że powinienem dodać do zaakceptowanej odpowiedzi powyżej, jakby ktoś chciał wyeliminować Transport ankiet XHR i natychmiast rozpocząć websockets. Poniższy kod jest tylko po to, aby dać wyobrażenie o implementacji:

var url = serverUrl + "/ssClients"  //ssClients is the socket.io namespace

var connectionOptions =  {
    "force new connection" : true,
    "reconnection": true,
    "reconnectionDelay": 2000,                  //starts with 2 secs delay, then 4, 6, 8, until 60 where it stays forever until it reconnects
    "reconnectionDelayMax" : 60000,             //1 minute maximum delay between connections
    "reconnectionAttempts": "Infinity",         //to prevent dead clients, having the user to having to manually reconnect after a server restart.
    "timeout" : 10000,                           //before connect_error and connect_timeout are emitted.
    "transports" : ["websocket"]                //forces the transport to be only websocket. Server needs to be setup as well/
}
var socket = require("socket.io-client")(url, connectionOptions); 

socket.on("connect", function (_socket) {
    logger.info("Client connected to server: " + clientName);
    logger.info("Transport being used: " + socket.io.engine.transport.name);

    socket.emit("join", clientName, function(_socketId) {  //tell the server the client name
        logger.info("Client received acknowledgement from server: " + _socketId);
        logger.info("Transport being used after acknowledgement: " + socket.io.engine.transport.name);

    });
});

Po skonfigurowaniu serwera zobaczysz to:

2015-10-23T19:04:30.076Z - info:    Client connected to server: someClientId 
2015-10-23T19:04:30.077Z - info:    Transport being used: websocket 
2015-10-23T19:04:30.081Z - info:    Client received acknowledgement from server: aMH0SmW8CbiL8w5RAAAA
2015-10-23T19:04:30.081Z - info:    Transport being used after acknowledgement: websocket

Jeśli nie wymusisz transportu, zobaczysz "ankietowanie" zamiast websocket. Nie dzieje się to jednak po stronie klienta, serwer musi być skonfigurowany jako cóż:

var io = require("socket.io")(server, { adapter: adapter, log: false }); //attach io to existing Express (http) server
..
io.set('transports', ['websocket']); //forces client to connect as websockets. If client tries xhr polling, it won't connect.

Danger

Jeśli klient rzeczywiście Nie obsługuje protokół websocket, połączenie nie nastąpi i klient zgłosi xhr poll error.

To działa idealnie dla mnie, ponieważ mogę kontrolować klientów, których mam, więc mam Luksus, aby wymusić websockets od razu, co moim zdaniem jest tym, co zadaje pierwotne pytanie. Mam nadzieję, że to komuś pomoże...