WebSockets are the the juicy part of the HTML5 specification. They promise the solution to the edgy real-time web communication. But how widespread are they and what are the technologies that can safely replace them in older browsers? This talk is about the current state of WebSockets and how to use them from Perl applications with some fun live examples.

1. Working with WebSockets in Perl
Viacheslav Tykhanovskyi (vti)
October 19, 2012

3. THIS IS NOT IN RUSSIA!!1

4. Brazil 2012

11. Serious stuff

12. HTML5
First draft in 2008

13. WebSockets
full duplex and persistent
tcp connections

14. HTTP/1.1 handshake
Client – Frames – Server

15. var ws = new WebSocket(’ws://localhost’);
ws.onmessage = function(e) {
var message = e.data;
alert(’Got new message: ’ + message);
};
ws.send(’Hello, world!’);

16. RFC 6455

17. Once upon a time...

18. Draft 75 (hixie)

19. Draft 76 (00-hybi)
Sec- and challenge (proxy fail)

20. 10-hybi
New frame!

21. x00DATAxff

22. 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1
+ −+ −+ − − − −+ − − − − − − − − − − − − − − − − − − − − − −+
−+ −+ − − − −+ − − − − − − −+ − − − − − − − − − − − − − − −
| F | R | R | R | o p c o d e |M| P a y l o a d l e n | Extended payload l e n g t h |
| I |S|S|S| (4) |A| (7) | (16/63) |
|N|V|V|V| |S| | ( i f p a y l o a d l e n ==126/127) |
| |1|2|3| |K| | |
+ −+ −+ − − − −+ − − − − − −
−+ −+ − − − −+ − − − − − − −+ − − − − − − − − − − − − − − − +
| E x t e n d e d p a y l o a d l e n g t h c o n t i n u e d , i f p a y l o a d l e n == 127 |
+−−−−−−−−−−−−−−−+−−−−−−−−−−−−−−− − − − − − − − − − − − − − − − −+
| | Masking−key , i f MASK s e t t o 1 |
+ − − − − − − − − − − − − − − − − − − − − − − − − − − − − − − −+
− − − − − − − − − − − − − − − −+ − − − − − − − − − − − − − − −
| Masking−k e y ( c o n t i n u e d ) | P a y l o a d Data |
+−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− +
−−−−−−−−−−−−−−−−
: P a y l o a d Data c o n t i n u e d . . . :
+−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− +
| P a y l o a d Data c o n t i n u e d . . . |
+−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
− − − − − − − − − − − − − − − − − − − − − − − − − − − − − − − −+

23. Sec-WebSocket-Version: 8

24. 17-hybi (RFC 6455)
Sec-WebSocket-Version: 13

25. Browsers
The things start to get serious

26. D r a f t #75
−−−−−
−−−−
Chrome 5
S a f a r i 5.0
Android 2. x
D r a f t #76
−−−−−
−−−−
F i r e f o x 4b ( d i s a b l e d )
Safari 5.0.2
Chrome 6−13
Opera 10.70 ( d i s a b l e d )
iOS 4.2
D r a f t #10
−−−−−
−−−−
F i r e f o x 10
Chrome 14
RFC 6455
−−−−
−−−−
Chrome 14+
F i r e f o x 10+
I E 10

27. Special cases

28. Firefox 7
Connection:keep-alive, Upgrade

29. HAProxy
Read handshake headers
Write handshake headers
Read the body part
Accept the handshake

30. Perl implementations

31. Mojolicious
RFC 6455

32. Protocol::WebSocket (Dancer,
Net::Async::WebSocket, Web::Hippie)
75, 76 (00), 10, 17, RFC 6455 + browser
workarounds

33. WebSocket fallbacks

34. Flash
https://github.com/gimite/web-socket-js
Requires policy server (843 port or inline)

35. Socket.IO
http://socket.io/
PocketIO — Perl implementation

36. SockJS
https://github.com/sockjs/sockjs-client
SockJS-Perl — Perl implementation

37. Examples

38. 1. Protocol::WebSocket console

39. 2. Showmethedrawing

40. 3. Showmetheshell

41. Obrigado!