socket io - jszurich

Socket.ioRealtime just got real.

Dienstag, 24. April 12

Me

Dominique SandozStudent @UZH

Worker @vonwaldkirch

@streunerlein


You?


The StoryThe tl;dr-section of this presentation


So why?


Socket.io

easy

fast

solves a problem


Socket.io

is for realtime exchange of data between Server and Client (Browser)


Realtime?


setInterval(check, 10)?


requestAnimationFrame()?


No.


Real realtime.


Websockets!


Socket.io

Websocket wrapper

Node.js Module

A deeper look.


Socket.io

Socket between Server & Client

Send data from one to other

Receive data via events

asynchronous

A deeper look.


Socket.io

emit(event, data)

on(event, handler)

Easyness is easy.


Socket.io

Even Setup is easy!

Easyness is easy.


Socket.ioServer Setup

npm install socket.io


Socket.ioClient Setup


Socket.io

Compatibility

Scalability

Performance

Robustness

The Killers.


Socket.ioCompatibility


Socket.ioCompatibility

Websocket

Chrome 16, Firefox 11, IE 10, Safari 5. Opera 10

Built-in, disabled: Chrome 6, Firefox 4


Socket.ioCompatibility - Holy Fallbacks!

WebSocket

Flash Socket

AJAX long polling

AJAX multipart streaming

Forever IFrame

JSONP Polling


Socket.ioCompatibility - Holy Fallbacks!

Socket.io falls back to support

IE 5.5+Safari 3+ Chrome 4+ Firefox 3+ Opera 10+


Socket.ioScalability, Performance, Robustness

:)


Use cases

Chats

Realtime Applications

Collaboration Software

Social Networks

Single-page Apps!

Every Project (?)


Hands-on!Demos.


Q & A


#kthxbye

Socket.io official: http://socket.io/

Websocket overview: http://davidwalsh.name/websocket


http://socket.io/

http://socket.io/

http://davidwalsh.name/websocket

http://davidwalsh.name/websocket

socket io - jszurich

Technology