SlideShare a Scribd company logo
ASP.NET
SignalR
Topics Focused On!!!
• Traditional Web Approach

• What does “Real Time” mean?

• SignalR – “The Rockstar”

• Quick Glance at - Transport Techniques

• Types of Connections

• How do I get SignalR?

• Demo
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]

                                                          SERVER
CLIENT
           Response Sent back to the Client – (Step 3)

                                                          Processes
                                                         the Request
                                                           (Step 2)
Real Time Web Applications
What is Real Time Web Application?
• In simple terms, “Real Time” means an immediate response
  being sent by the Server to the Client.

• Real Time is all about “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!!!

• Facebook, Twitter, Yahoo Cricket Live, Stock Ticker
Real Time Web Approach

               User Sends a Request to the Server




CLIENT     Creates a Persistent Connection between them
                                                          SERVER


                 Response Sent back to the Client

                 Response Sent back to the Client

                 Response Sent back to the Client
SignalR – The Rockstar
• SignalR is an asynchronous library. Used to develop Real Time
  Web Application.

• Concept intiated by “David Fowler” and “Damien Edwards”

• Provides Client to Server persistent connection over HTTP.

• Makes use of Push Technology.

• Provides Abstraction over the set of transports.

• Open Source available on Github!!!
SignalR


 Transport             Connections
Techniques
Transport Priority

      WebSockets



  Server-Sent events



 Forever Frame (IE hack)



      Long Polling
WebSocket
• A new transport technique which came up with HTML5.

• It internally works on top of TCP protocol.

 Pros                           Cons
 Full-duplex persistent         Supported only on latest
 connection (both ways)         browsers – (IE 10)
 Fastest solution               Works only with IIS-8.0
Server Sent Events
• Requires a single connection between Client-Server.

• Uses Javascript API – “EventSource” through which Client can
  request a particular URL to receive data stream.

• Used to send Message Notifications or Continuous Data Streams.

 Pros                               Cons
 No need to reconnect               Works in server-to-client
                                    direction only
                                    Not supported in IE
Forever Frames
• Data is sent out in chunks.

• Internally creates an Iframe along with a script on the page to
  fetch the data.

 Pros                                 Cons
 Supported on IE Browser.             Iframes are loaded again
                                      and again with chunks of
                                      data.
                                      All script tags remain on the
                                      page
Long Polling

                                            Server




          Response
Request




                        Variable delay      Client




                     Time: requests event ‘n’ seconds (variable)
SignalR Connections


         Hubs

Persistent Connection
Persistent Connection

• Provides a raw / low-level control to manage connection.

• Contain events like
  “OnConnection”, “OnDisconnection”, “OnReconnection”

• We can write our own logic in these events.
Hubs

• Provides a High-level API.

• Client calling Server.

• Server calling Clients. (All, Groups, One).

• Broadcasting messages to all connected clients.

• Works in a similar way like a “Controller”
How do I get SignalR?
SignalR for ASP.NET Developers
SignalR for ASP.NET Developers
SignalR for ASP.NET Developers
Some References!!!




Some JQuery!!!
Routing is Very Important!!!
Server Calling Client
Client Calling Server Function
DEMO
Thanks for Listening!!!

More Related Content

PPTX
SignalR with asp.net
PPTX
Introduction to SignalR
PPSX
SignalR With ASP.Net part1
PPTX
SignalR Overview
PPTX
Real-time ASP.NET with SignalR
PPTX
Asp.net membership anduserroles_ppt
PDF
Introduction to SignalR
PPTX
Linq to sql
SignalR with asp.net
Introduction to SignalR
SignalR With ASP.Net part1
SignalR Overview
Real-time ASP.NET with SignalR
Asp.net membership anduserroles_ppt
Introduction to SignalR
Linq to sql

What's hot (20)

PPTX
Introduction to ASP.NET
PPT
Intro to signalR
PPT
Java web services
PPT
Selenium ppt
PDF
ReactJS presentation
PPT
Mvc architecture
PPTX
React workshop presentation
PDF
Spring MVC Framework
PPTX
jQuery
PDF
jQuery - Chapter 3 - Effects
PPTX
API Testing Presentations.pptx
PPT
React js
PDF
Pentesting RESTful webservices
PPT
Test automation process
PDF
WEB DEVELOPMENT USING REACT JS
PPTX
Advance Java Topics (J2EE)
PPTX
Introduction to React JS for beginners | Namespace IT
PPT
ASP.NET MVC Presentation
Introduction to ASP.NET
Intro to signalR
Java web services
Selenium ppt
ReactJS presentation
Mvc architecture
React workshop presentation
Spring MVC Framework
jQuery
jQuery - Chapter 3 - Effects
API Testing Presentations.pptx
React js
Pentesting RESTful webservices
Test automation process
WEB DEVELOPMENT USING REACT JS
Advance Java Topics (J2EE)
Introduction to React JS for beginners | Namespace IT
ASP.NET MVC Presentation
Ad

Viewers also liked (20)

PDF
SignalR
PPTX
Asp Net Advance Topics
PPTX
Cryptography
PDF
ELEIÇÕES 2012 - ASTORGA: Toninho 31123
PPTX
Real time web applications with SignalR (BNE .NET UG)
PPTX
Building Realtime Web Applications With ASP.NET SignalR
PPT
A national crisis the state of computer science and information technology in...
PDF
Computer science-and-information-technology
PPTX
«Real Time» Web Applications with SignalR in ASP.NET
PPTX
SignalR
PPTX
F m-modulation-and-demodulation
PPTX
Dancing L8
PPTX
Myths about learning to speak english
PDF
A SEMI-BLIND WATERMARKING SCHEME FOR RGB IMAGE USING CURVELET TRANSFORM
PDF
JOURNEY OF MOBILE GENERATION AND COGNITIVE RADIO TECHNOLOGY IN 5G
PDF
MULTIMODAL BIOMETRIC AUTHENTICATION: SECURED ENCRYPTION OF IRIS USING FINGERP...
PPTX
Real time web with SignalR
PDF
Petite introduction au flat design (et autres platitudes)
PDF
AN ALPHA -CUT OPERATION IN A TRANSPORTATION PROBLEM USING SYMMETRIC HEXAGONAL...
SignalR
Asp Net Advance Topics
Cryptography
ELEIÇÕES 2012 - ASTORGA: Toninho 31123
Real time web applications with SignalR (BNE .NET UG)
Building Realtime Web Applications With ASP.NET SignalR
A national crisis the state of computer science and information technology in...
Computer science-and-information-technology
«Real Time» Web Applications with SignalR in ASP.NET
SignalR
F m-modulation-and-demodulation
Dancing L8
Myths about learning to speak english
A SEMI-BLIND WATERMARKING SCHEME FOR RGB IMAGE USING CURVELET TRANSFORM
JOURNEY OF MOBILE GENERATION AND COGNITIVE RADIO TECHNOLOGY IN 5G
MULTIMODAL BIOMETRIC AUTHENTICATION: SECURED ENCRYPTION OF IRIS USING FINGERP...
Real time web with SignalR
Petite introduction au flat design (et autres platitudes)
AN ALPHA -CUT OPERATION IN A TRANSPORTATION PROBLEM USING SYMMETRIC HEXAGONAL...
Ad

Similar to SignalR for ASP.NET Developers (20)

PPTX
Real-time Communications with SignalR
PPTX
Signal R 2015
PDF
PPTX
Realtime Messaging und verteilte Systeme mit SharePoint und Windows Azure Ser...
PPTX
Scaling habits of ASP.NET
PDF
Developing Revolutionary Web Applications using Comet and Ajax Push
PPTX
Realtime web experience with signalR
PPTX
Real-time web applications using SharePoint, SignalR and Azure Service Bus
PPTX
ASP.NET MVC 5 and SignalR 2
PPTX
Micro Service Architecture
PDF
Adding Real-time Features to PHP Applications
PDF
Building real time applications with Symfony2
PDF
ServerSentEvents.pdf
PPTX
Using SignalR with Kendo UI
PDF
Ruslan Belkin And Sean Dawson on LinkedIn's Network Updates Uncovered
PDF
KKBOX WWDC17 Security - Antony
PDF
MongoDB World 2019: REST-less Mobile Apps: Why Offline-first and Sync Matters...
PDF
DevOps in the Amazon Cloud – Learn from the pioneersNetflix suro
PPTX
Don't call us - we'll push - on cross tier push architecture (NLJUG JFall 201...
PPTX
Docker/DevOps Meetup: Metrics-Driven Continuous Performance and Scalabilty
Real-time Communications with SignalR
Signal R 2015
Realtime Messaging und verteilte Systeme mit SharePoint und Windows Azure Ser...
Scaling habits of ASP.NET
Developing Revolutionary Web Applications using Comet and Ajax Push
Realtime web experience with signalR
Real-time web applications using SharePoint, SignalR and Azure Service Bus
ASP.NET MVC 5 and SignalR 2
Micro Service Architecture
Adding Real-time Features to PHP Applications
Building real time applications with Symfony2
ServerSentEvents.pdf
Using SignalR with Kendo UI
Ruslan Belkin And Sean Dawson on LinkedIn's Network Updates Uncovered
KKBOX WWDC17 Security - Antony
MongoDB World 2019: REST-less Mobile Apps: Why Offline-first and Sync Matters...
DevOps in the Amazon Cloud – Learn from the pioneersNetflix suro
Don't call us - we'll push - on cross tier push architecture (NLJUG JFall 201...
Docker/DevOps Meetup: Metrics-Driven Continuous Performance and Scalabilty

Recently uploaded (20)

PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Cloud computing and distributed systems.
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Big Data Technologies - Introduction.pptx
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
Machine learning based COVID-19 study performance prediction
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Modernizing your data center with Dell and AMD
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Advanced methodologies resolving dimensionality complications for autism neur...
NewMind AI Weekly Chronicles - August'25 Week I
The Rise and Fall of 3GPP – Time for a Sabbatical?
Cloud computing and distributed systems.
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Big Data Technologies - Introduction.pptx
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
NewMind AI Monthly Chronicles - July 2025
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
Machine learning based COVID-19 study performance prediction
Per capita expenditure prediction using model stacking based on satellite ima...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Network Security Unit 5.pdf for BCA BBA.
Modernizing your data center with Dell and AMD

SignalR for ASP.NET Developers

  • 2. Topics Focused On!!! • Traditional Web Approach • What does “Real Time” mean? • SignalR – “The Rockstar” • Quick Glance at - Transport Techniques • Types of Connections • How do I get SignalR? • Demo
  • 3. 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] SERVER CLIENT Response Sent back to the Client – (Step 3) Processes the Request (Step 2)
  • 4. Real Time Web Applications
  • 5. What is Real Time Web Application? • In simple terms, “Real Time” means an immediate response being sent by the Server to the Client. • Real Time is all about “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!!! • Facebook, Twitter, Yahoo Cricket Live, Stock Ticker
  • 6. Real Time Web Approach User Sends a Request to the Server CLIENT Creates a Persistent Connection between them SERVER Response Sent back to the Client Response Sent back to the Client Response Sent back to the Client
  • 7. SignalR – The Rockstar • SignalR is an asynchronous library. Used to develop Real Time Web Application. • Concept intiated by “David Fowler” and “Damien Edwards” • Provides Client to Server persistent connection over HTTP. • Makes use of Push Technology. • Provides Abstraction over the set of transports. • Open Source available on Github!!!
  • 8. SignalR Transport Connections Techniques
  • 9. Transport Priority WebSockets Server-Sent events Forever Frame (IE hack) Long Polling
  • 10. WebSocket • A new transport technique which came up with HTML5. • It internally works on top of TCP protocol. Pros Cons Full-duplex persistent Supported only on latest connection (both ways) browsers – (IE 10) Fastest solution Works only with IIS-8.0
  • 11. Server Sent Events • Requires a single connection between Client-Server. • Uses Javascript API – “EventSource” through which Client can request a particular URL to receive data stream. • Used to send Message Notifications or Continuous Data Streams. Pros Cons No need to reconnect Works in server-to-client direction only Not supported in IE
  • 12. Forever Frames • Data is sent out in chunks. • Internally creates an Iframe along with a script on the page to fetch the data. Pros Cons Supported on IE Browser. Iframes are loaded again and again with chunks of data. All script tags remain on the page
  • 13. Long Polling Server Response Request Variable delay Client Time: requests event ‘n’ seconds (variable)
  • 14. SignalR Connections Hubs Persistent Connection
  • 15. Persistent Connection • Provides a raw / low-level control to manage connection. • Contain events like “OnConnection”, “OnDisconnection”, “OnReconnection” • We can write our own logic in these events.
  • 16. Hubs • Provides a High-level API. • Client calling Server. • Server calling Clients. (All, Groups, One). • Broadcasting messages to all connected clients. • Works in a similar way like a “Controller”
  • 17. How do I get SignalR?
  • 22. Routing is Very Important!!!
  • 25. DEMO