Socket.IO (2011)

Adam Jodłowski meet.js Poznań, 29.07.2011

HTTP • żądanie-odpowiedź • prostota • bezstanowość • skalowalność •
wydajność • rozszerzalność

wydajność • rozszerzalność • przyjęty standard • powszechne stosowanie

wydajność • rozszerzalność • przyjęty standard • powszechne stosowanie mimo wielu zalet, nie nadaje się do wszystkiego

Trzeba sobie jakoś radzić • AJAX

Trzeba sobie jakoś radzić • AJAX  same origin policy
 JSONP

 JSONP musimy odpytywać serwer o nowe dane

 JSONP musimy odpytywać serwer o nowe dane • Comet a.k.a. Reverse AJAX

 JSONP musimy odpytywać serwer o nowe dane • Comet a.k.a. Reverse AJAX  forever iframe  long polling

WebSockets • technologia dwustronnej komunikacji sieciowej • wykorzystuje jedno gniazdko
protokołu TCP • załatano krytyczne luki w bezpieczeństwie • standaryzacja w trakcie, aktualnie draft 10 (IETF, W3C)

WebSockets • technologia dwustronnej komunikacji sieciowej • wykorzystuje jedno gniazdko
protokołu TCP • załatano krytyczne luki w bezpieczeństwie • standaryzacja w trakcie, aktualnie draft 10 (IETF, W3C) nawiązanie połączenia następuje poprzez HTTP (handshake) i przełączenie na protokół WS (Connection: Upgrade)

Socket.IO mechanizm komunikacji cross-domain w czasie rzeczywistym

Socket.IO mechanizm komunikacji cross-domain w czasie rzeczywistym • udostępnia API
na wzór WebSockets

na wzór WebSockets • wewnętrznie korzysta z różnych transportów  WebSocket  Adobe Flash Socket  AJAX long polling  AJAX multipart streaming  Forever iframe  JSONP polling

na wzór WebSockets • wewnętrznie korzysta z różnych transportów  WebSocket  Adobe Flash Socket  AJAX long polling  AJAX multipart streaming  Forever iframe  JSONP polling • działa w IE 5.5+, Safari 3+, Chrome 4+, Firefox 3+, Opera 10.61+, iOS Safari, Android WebKit, WebOS WebKit

Socket.IO jeden z wielu modułów do NodeJS

Socket.IO jeden z wielu modułów do NodeJS • npm install
socket.io

Socket.IO jeden z wielu modułów do NodeJS • npm install
socket.io może współpracować z frameworkiem Express lub działać na własnym porcie jako osobny serwer

Serwer var io = require('socket.io').listen(1337); io.sockets.on('connection', function(socket) { // po
czenie klienta łą socket.on('message', function(data) { // odebranie wiadomo ci ś }); socket.on('disconnect', function() { // roz czenie klienta łą }); });

Klient <head> <script src="http://server/socket.io/socket.io.js"> </script> <script> var socket = io.connect('http://server/');
socket.on('connect', function() { // po czenie z serwerem łą socket.send(msg); // wys anie wiadomo ci ł ś socket.on('message', function(data) { // odebranie wiadomo ci ś }); }); </script> </head>

Socket.IO 0.7 – co nowego? • przestrzenie nazw • zdarzenia
(custom events) • potwierdzenia • wiadomości ulotne • grupy

Przestrzenie nazw (namespaces) standardowy WebSocket pozwala na komunikację w ramach
jednego wewnętrznego protokołu

jednego wewnętrznego protokołu dla rozróżnienia rodzaju i sposobu obsługi komunikatów musimy wprowadzać dodatkowe informacje sterujące

jednego wewnętrznego protokołu dla rozróżnienia rodzaju i sposobu obsługi komunikatów musimy wprowadzać dodatkowe informacje sterujące multipleksacją wiadomości zajmuje się Socket.IO, serwer musi zaimplementować obsługę wielu kanałów a klient podłączyć się na dedykowane im adresy

Przestrzenie nazw (serwer) var io = require('socket.io').listen(1337); var chat =
io .of('/chat'). .on('connection', function (socket) { chat.send('someone connected'); }); var news = io .of('/news'). .on('connection', function (socket) { news.json.send({news: 'breaking news'}); });

Przestrzenie nazw (klient) var chat = io.connect('http://server:1337/chat'); var news =
io.connect('http://server:1337/news'); chat.on('connect', function() { // obs uga wiadomo ci z chatu ł ś }); news.on('connect', function() { // obs uga newsów ł });

Zdarzenia (custom events) zdarzenia definiowane przez użytkowników zwiększają elastyczność i
czytelność komunikacji

czytelność komunikacji game.emit('new player', {nick: 'adamus', hp: 100});

czytelność komunikacji game.emit('new player', {nick: 'adamus', hp: 100}); game.on('new player', function (player) { console.log(player.nick + ' connected!'); });

Potwierdzenia (acknowledgements) ostatnim parametrem funkcji .send() i .emit() może być
callback wykonywany po dostarczeniu wiadomości

Potwierdzenia (acknowledgements) ostatnim parametrem funkcji .send() i .emit() może być
callback wykonywany po dostarczeniu wiadomości socket.send('lubi placki' ę , function() { // wiadomo dotar a do adresata ść ł });

Potwierdzenia (acknowledgements) dodatkowo, korzystając z .emit() możemy odsyłać własne dane
wraz z potwierdzeniem odbioru socket.emit('has o?' ł , function (pass) { console.log('received password = ' + pass); }); socket.on('has o?' ł , function (callback) { callback('qwerty'); });

Wiadomości ulotne (volatile) komunikacja w czasie rzeczywistym wymaga czasem odstąpienia
od wysyłania kolejnych wiadomości w przypadku zbyt dużego obciążenia strony odbierającej

od wysyłania kolejnych wiadomości w przypadku zbyt dużego obciążenia strony odbierającej jest to szczególnie ważne w przypadku stosowania bardziej zawodnych transportów (long polling)

od wysyłania kolejnych wiadomości w przypadku zbyt dużego obciążenia strony odbierającej jest to szczególnie ważne w przypadku stosowania bardziej zawodnych transportów (long polling) socket.volatile.emit('new tweet', tweet);

Grupy obsługa grup wprowadza kolejną warstwę abstrakcji ułatwiającą kontrolę nad
komunikacją

komunikacją typowym zastosowaniem mogą być pokoje w czacie

komunikacją typowym zastosowaniem mogą być pokoje w czacie io.sockets.on('connection', function(socket) { socket.join('js-news'); // do czenie łą // broadcast do wszystkich z mojej grupy socket.broadcast.to('js-news').send('witam!'); // do wszystkich z innej grupy io.sockets.in('ruby-news').emit(' egnam!' ż ); });

Przyszłość? Many exciting things are still to come.

Socket.IO (2011)

Socket.IO (2011)

More Decks by Adam Jodłowski

Other Decks in Programming

Featured

Transcript