Web Communication APIs

Web Messaging, Web Workers, Server Sent Events, Web Sockets

Transcript

1. Web Communication adrian.olaru@1and1.ro
3. Connectivity
4. Web Messaging Web Workers Server Sent Events Web Sockets
5. The way of the force
6. Sending complex data
7. Don’t trust client e.data Always check e.origin
8. allows documents from different domains to communicate with each other in a secure way Web Messaging
9. Browser Support* 5.0+ 3.0+ 8.0 4.0+ 10.1+ * source: http://caniuse.com
12. Use Cases portals widgets ads traffic counters
13. Web Workers run JavaScript in parallel on a web page, without blocking the user interface
14. Browser Support* 5.0+ 3.5+ 4.0+ 10.6+ * source: http://caniuse.com
17. Notes can’t access parent & it’s DOM ‘this’ == current worker can use XHR, SSE or WebSocket can importScripts(‘script.js’) can use other workers can use timers (setTimeout, setInterval)
18. Server Sent Events push data from the server to the client over HTTP
19. Browser Support* 6.0+ 4.0 5.0 11 * source: http://caniuse.com
25. Use Cases subscribe to live score real time polls bidding updates for actions stock quotes live news
26. Web Sockets a bi-directional connection between the server and the client
27. Browser Support* 5.0+ 4.0 5.0 11 * source: http://caniuse.com deactivated by default * * *
31. Notes full duplex communication removes the overhead (only 2 bytes) dramatically reduces complexity
32. Use Cases online chat online games realtime geolocation package tracking
33. Demos http://github.com/adrianolaru/webcom
35. Danke