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
Real-time ASP.NET with SignalR
PPTX
Introduction to SignalR
PPTX
SignalR Overview
PPTX
Angularjs PPT
PPTX
SignalR with asp.net
PDF
Spring boot jpa
PPTX
ASP.NET Core MVC + Web API with Overview
PPTX
Rest assured
Real-time ASP.NET with SignalR
Introduction to SignalR
SignalR Overview
Angularjs PPT
SignalR with asp.net
Spring boot jpa
ASP.NET Core MVC + Web API with Overview
Rest assured

What's hot (20)

PPTX
REST-API introduction for developers
PDF
Postman Webinar: Postman 101
PDF
Postman: An Introduction for Developers
PDF
What is REST API? REST API Concepts and Examples | Edureka
PPTX
RESTful API - Best Practices
PPTX
PPTX
Introducing type script
PDF
Spring Boot & Actuators
PPTX
Linq to sql
PPTX
Introduction to Spring Framework
PPT
Intro to signalR
PDF
Asp.Net Core MVC , Razor page , Entity Framework Core
PPTX
Introduction to REST - API
PPTX
ASP.MVC Training
PPTX
Spring boot
PPTX
An overview of selenium webdriver
PPTX
Understanding REST APIs in 5 Simple Steps
PPSX
API Test Automation
PDF
Introduction To Single Page Application
REST-API introduction for developers
Postman Webinar: Postman 101
Postman: An Introduction for Developers
What is REST API? REST API Concepts and Examples | Edureka
RESTful API - Best Practices
Introducing type script
Spring Boot & Actuators
Linq to sql
Introduction to Spring Framework
Intro to signalR
Asp.Net Core MVC , Razor page , Entity Framework Core
Introduction to REST - API
ASP.MVC Training
Spring boot
An overview of selenium webdriver
Understanding REST APIs in 5 Simple Steps
API Test Automation
Introduction To Single Page Application
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
PPSX
SignalR With ASP.Net part1
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
Introduction to SignalR
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
SignalR With ASP.Net part1
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
Introduction to SignalR
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
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PDF
cuic standard and advanced reporting.pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
A Presentation on Artificial Intelligence
PDF
Machine learning based COVID-19 study performance prediction
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Approach and Philosophy of On baking technology
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Empathic Computing: Creating Shared Understanding
PDF
Modernizing your data center with Dell and AMD
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Understanding_Digital_Forensics_Presentation.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
MYSQL Presentation for SQL database connectivity
cuic standard and advanced reporting.pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
NewMind AI Monthly Chronicles - July 2025
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
A Presentation on Artificial Intelligence
Machine learning based COVID-19 study performance prediction
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Diabetes mellitus diagnosis method based random forest with bat algorithm
Approach and Philosophy of On baking technology
Unlocking AI with Model Context Protocol (MCP)
Empathic Computing: Creating Shared Understanding
Modernizing your data center with Dell and AMD
Chapter 3 Spatial Domain Image Processing.pdf
Network Security Unit 5.pdf for BCA BBA.
Reach Out and Touch Someone: Haptics and Empathic Computing
CIFDAQ's Market Insight: SEC Turns Pro Crypto

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