Signalr Introduction, and How do I get SignalR with simple demo.

2. Topics Focused On!!!
• Traditional Web Approach
– Traditional Web Approach – Issues
• What does “Real Time” mean?
• SignalR
– Types of Transports
– Types of Connections
• How do I get SignalR?
• Demo

3. Traditional Web Approach
“Pulling”

4. CLIENT
SERVER
Traditional Web Approach
Sends a Request to the Server – (Step 1)
[In other words, the Client is trying to
pull some information from the Server]
Processes
the Request
(Step 2)
Response Sent back to the Client – (Step 3)

5. • Not Persistent connection – Issues
Each time re-established for each communication.
• Http Request – Issues

6. Real Time Web Applications

7. What is Real Time Web Application?
• “Real Time” means an immediate response being sent by
the Server to the Client.
• Real Time is “Pushing” instead of “Pulling”
• Push Technology is completely different from Pull
Technology. Its about getting told what’s new, instead of
asking for what’s new!!!

8. CLIENT SERVER
User Sends a Request to the Server
Creates a Persistent Connection between them
Real Time Web Approach
Response Sent back to the Client
Response Sent back to the Client
Response Sent back to the Client

9. Comet Transports

10. Long Polling
Server
Client
Request
Response
Variable delay
• Long polling does not create a persistent connection, but
instead polls the server with a request that stays open
until the server responds, at which point the connection
closes, and a new connection is requested immediately.

11. Forever Frames
• Internally creates an Iframe along with a
script on the page to fetch the data.
• The server then continually sends script
to the client which is immediately
executed, providing a one-way realtime
connection from server to client.
• Supported on IE Browser.

12. HTML5 Transports

13. Server Sent Events

14. Server Sent Events
• Requires a single connection between Client-Server.
• Works in server-to-client direction only
• Used to send Message Notifications or Continuous Data
Streams.
• Support a lot of Browsers but Not supported in IE.

15. WebSocket

16. WebSocket
• A new HTML5 API that enables bi-directional, full duplex
communication between the browser and server.
• Fastest solution
• Issues
– Supported only on latest browsers
– Works only with IIS-8.0

17. SignalR
• SignalR is a library for ASP.NET developers. Used to
develop Real Time Web Application.
• Makes use of Push Technology.
• Provides Abstraction over the set of transports.
• Open Source available on Github!!!

18. SignalR
Transport
Techniques
Connections

19. Transport Priority
WebSockets
Server-Sent events
Forever Frame (IE hack)
Long Polling
HTML 5
transports
Comet
transports

20. SignalR Connections
Hubs
Persistent Connection

21. Persistent Connection
• low-level control to manage connection.
• Contain events like “OnConnection”,
“OnDisconnection”, “OnReconnection”
• We can write our own logic in these events.

22. Hubs

23. Hubs
• Provides a High-level API.
• Client calling Server.
• Server calling Clients. (All, Groups, One).
• Broadcasting messages to all connected clients.

24. Connection lifetime

25. Connection lifetime

26. How do I get SignalR?

27. Install-Package Microsoft.AspNet.SignalR

28. Some References

29. Routing is Very Important

30. Server Calling Client

31. Client Calling Server Function

32. DEMO