WebSockets allow for bidirectional communication between a client and server by establishing a persistent connection. They provide advantages over traditional AJAX requests by eliminating HTTP overhead, enabling full-duplex connections where the server can push updates to the client, and allowing for low latency binary data transfer. While WebSockets have disadvantages like lack of caching and compatibility issues on older browsers, they can be used to build real-time REST APIs through protocols like WAMP which defines a simple publish-subscribe messaging system.

1. CONSUMING
ASP.NET WEB API
WITH WEBSOCKETS
Maayan Glikser

2. Maayan Glikser
- Github addict
- Hardcore Metal Fan
- Converted from dogs to cats
Developer @ 500Tech

3. What are WebSockets?

4. How WebSockets Work?

5. Why use WebSockets for API's?

6. How TCP Works

7. Diagnosing in Chrome Network Tool
Typical Ajax Request

8. TCP Slow-Start
* From High Performance Browser Networking by Ilya Grigorik
Chapter 1. Primer on Latency And Bandwidth

9. Advantages
• No HTTP Overhead
• Duplex Connection - Server is able to send updates
• Low latency requests - TCP Connection is already open
• Data transfer grows as more data comes through the pipe
• Can send binary data
• Cross Origin

10. Disadvantages
• No Caching
• No Proxies
• Clients can lose connection to the server
• Compatibility (IE9 and below)
• Security - CSWSH (Cross Origin Web Socket Hijacking)

11. How to use WebSockets
for REST API's

12. WAMP
Web Application Messaging protocol
www.iana.org/assignments/websocket/
websocket.xml#subprotocol-name

13. WAMP Router

14. DEMO

15. Resources
• WAMP Protocol
http://wamp.ws/
• High performance Browser Networking By Ilya Grigorik
http://chimera.labs.oreilly.com/books/1230000000545
• Web Sockets Security
http://www.christian-schneider.net/CrossSiteWebSocketHijacking.html
• More Bandwidth Doesn't matter
https://docs.google.com/a/chromium.org/viewer?
srcid=Y2hyb21pdW0ub3JnfGRldnxneDoxMzcyOWI1N2I4YzI3NzE2

16. WE ARE HIRING

17. Check the slides:
Read our blog:
http://blog.500tech.com
Maayan Glikser
http://bit.ly/1C4PJsQ
maayan@500tech.com