IO Insights

Transcript

1. IO Insights engine.io and socket.io analytics
2. About
3. Guillermo Rauch
4. @rauchg
5. devthought.com
6. learnboost.com
7. require(‘engine.io’)
8. var engine = require(‘engine.io’)(server); engine.on(‘connection’, function(socket){ socket.write(‘hello’); socket.on(‘data’, function(){}); });
9. require(‘socket.io’)
10. var io = require(‘socket.io’)(server); io.on(‘connection’, function(socket){ socket.emit(‘my’, { event: ‘data’ }); socket.on(‘random’, function(){}); }); io.of(‘/namespace’).on();
11. Data packets and events are the new currency
12. But all the tooling is oriented around REST
14. Server insight
15. 1st strategy
16. Built-in instrumentation
17. require(‘debug’)(‘wat’)
19. 2nd strategy
20. Meta events
21. socket.on(‘packet’, function(){}); socket.on(‘packetCreate’, function(){});
22. 3rd strategy
23. Visualization!
24. require(‘engine.io-monitor’);
25. Captures and displays engine.io traffic
26. Like redis MONITOR
27. Realtime insight into transport usage
28. 12% 13% 34% 41% polling-xhr polling-jsonp websocket flashsocket
29. Realtime insight into browser / device usage
30. Realtime insight into latency
32. Client insight
33. 1st strategy
34. localStorage.debug
36. Looks awful
37. 2nd strategy
38. Chrome extension
41. How?
43. What’s next?
44. More visualizations
45. Protocol analysis eg: display socket.io events differently
46. Custom protocols
47. Analyze and document performance implications
48. Thanks!