SlideShare a Scribd company logo
Build real-time applications
using SharePoint, Azure
Service Bus and SignalR
Dinusha Kumarasiri
http://dinushaonline.blogspot.com
Dinusha Kumarasiri
• MVP in SharePoint server
• Software Architect focusing on
SharePoint and related
technologies
• Interested in SharePoint,
Office365 and Microsoft Azure
Email : kumarasiri048@gmail.com
Twitter : kumarasiri048
Facebook : dinushak
LinkedIn : dinushak
Contact Details
Agenda
• Evolution of web
• Real time web applications
• ASP.Net SignalR
• SignalR with SharePoint
• Microsoft Azure Service Bus
Evolution of web
• HTTP Protocol
Client
Server
Request
Response
• HTTP is stateless
• Current state is not saved
• New requests from the same users are treated as brand new requests
• HTTP is half duplex
• Either send a request or receive a response. But not at the same time
Evolution of web
• What are the current work arounds for being stateless
• HTTP Cookies, Server side sessions, etc.
• Additional information in HTTP headers
Evolution of web
• Ajax HTTP requests
• Uses XML HttpRequest
• Able to load parts of the web page without loading the entire page
• How can we load data, without any interaction from the end
user?
Real-time web applications
• Set of technologies and practices that enable users to receive
information as it is published
• Instantly receive messages if there are any
• Up to date
• Delivered to any device
Real-time web applications
• Use cases
• Social networking
• Gaming
• Gambling
• Trading
• Monitoring
• Tracking
• Sports events
• Collaborative applications
• Real-time forms
• Sites with messaging
capabilities
Real-time web applications
Consumer
Service to push
messages
Subscribe
Get messages
Events
Real-time web applications
• Technologies to enable real-time web applications
• Polling
• Long Polling
• Forever frame
• Server-Sent Events (SSE)
• WebSockets
Real-time web applications
Polling Long Polling
• Periodically request the server for any
updates
• Client poll the server, but server respond if
there is data to return
• The server holds on the request until timeout
or if it has new data
• Polling and Long Polling
Real-time web applications
• Forever Frame
• Uses a hidden iframe
• The iframe loads another page which has a loop
• HTML5 Server-Sent Events (SSE)
• Create new EventSource object, which opens a connection to server
Real-time web applications
• WebSockets
• Extended HTTP
• But may not be compatible
• Windows 8 + , Server 2012 +
• There may be network security concerns
Real-time web applications
• How to select what technology is best for current scenario
• Should fallback to another technology if primary is not
supported
• Frameworks support to achieve that
SignalR
• Asynchronous signaling library that enables real-time, multi-
user web applications.
• Creates a persistent connection between server and client(s)
• Within ASP.Net stack
• Source code is open and in GitHub
• Available via NuGet
SignalR
• Features
• Libraries for client and server
• Use WebSockets when available, if not fallback to other technologies
• Supported in many platforms
• SignalR Team
• .Net 4.0 +
• WinRT
• Windows Phone 8
• Silverlight 5
• JQuery
• C++
• Community
• IOS Native
• IOS via Mono
• Android via Mono
SignalR
Demo
Install-Package Microsoft.AspNet.SignalR.Samp
SignalR
• Architecture
SignalR
• Preparing the environment
NuGet package
Microsoft.AspNet.SignalR
Server
references
JavaScript
for clients
SignalR
• Preparing the environment
SignalR
• Server side development models
• Persistent connection : IHttpHandler
• Hubs : An abstraction over persistent connection
• Hubs
• Public methods defined in hubs are callable from outside
• Send messages to clients by invoking client-side methods
• Communication is serialized by JSON
SignalR
• Hubs
SignalR
• Clients
SignalR
Demo
SignalR with SharePoint
• Steps
• Create a provider hosted application
• Host the remote web
• Client Web Parts to display
SignalR
Demo
Working with external data
• Scenarios
• Output from LOB systems
• IOT and other external devices
• Production lines
• Communication from multiple sources
Working with external data
• Challenges
• Can lose data
• Data from multiple sources
• Data can be in multiple formats
• Cost
• Availability of infrastructure
• Heavy load in peak times
Azure Service Bus
• What is azure service bus?
• Reliable information delivery service
• It ensures that the information is delivered even both parties are not online in
the same time
• Azure service bus queue
• Sender sends a message to the queue
• A receiver can pickup
• One-way asynchronous communication
Azure Service Bus
• Azure service bus topics
• Filters
• One-way asynchronous communication
Azure Service Bus
• Azure service bus relays
• If your applications need to both send and receive messages
Azure Service Bus
• Real-time web applications with SignalR and Azure Service Bus
Service Bus Topics
SignalR (Server Side)
Hub
Client 1
Client 2
Client 2
Process 1 Process 2
Questions?
PLATINUM
SILVER
THANK YOU TO OUR SPONSORS

More Related Content

PPTX
Azure Identity and access management
PPTX
Real time communication with Azure Functions with Azure SignalR
PPTX
Serverless CQRS in Azure!
PPTX
The Hitchhiker’s Guide to Hybrid Connectivity
PPTX
Integration Monday - Logic App Patterns
PPTX
Azure Logic Apps and Microsoft Flows
PPTX
Workflow All the Things with Azure Logic Apps
PPTX
Azure Identity and access management
Real time communication with Azure Functions with Azure SignalR
Serverless CQRS in Azure!
The Hitchhiker’s Guide to Hybrid Connectivity
Integration Monday - Logic App Patterns
Azure Logic Apps and Microsoft Flows
Workflow All the Things with Azure Logic Apps

What's hot (19)

PPTX
Toyko azure meetup # 1 azure paa s overview
PPTX
Azure Mobile Services
PPTX
Intro to docker and kubernetes
PPTX
Serverless integrations using Azure Logic Apps (intro)
PPTX
2 Speed IT powered by Microsoft Azure and Minecraft
PPTX
Azure Logic Apps
PPTX
Integrating SaaS application using Microsoft’s Azure App Service Platform
PPTX
Azure integration services from the IT Professional perspective
PPTX
Azure functions
PDF
Develop enterprise-ready applications for Microsoft Teams
PPTX
Azure Saturday: External Collaboration With Azure AD B2B
PPTX
Azure Functions VS AWS Lambda: overview and comparison
PDF
Exception Management patterns in Logic Apps
PPTX
Serverless Architecture - Azure Logic apps
PPTX
Getting started with Azure Cognitive services
PPTX
Cloud Dev with Azure Functions - DogFoodCon 2018 - Brian T Jackett
PPTX
Serverless beyond AWS Lambda
PPTX
AAD with MVC App
PPTX
Azure App Service Deep Dive
Toyko azure meetup # 1 azure paa s overview
Azure Mobile Services
Intro to docker and kubernetes
Serverless integrations using Azure Logic Apps (intro)
2 Speed IT powered by Microsoft Azure and Minecraft
Azure Logic Apps
Integrating SaaS application using Microsoft’s Azure App Service Platform
Azure integration services from the IT Professional perspective
Azure functions
Develop enterprise-ready applications for Microsoft Teams
Azure Saturday: External Collaboration With Azure AD B2B
Azure Functions VS AWS Lambda: overview and comparison
Exception Management patterns in Logic Apps
Serverless Architecture - Azure Logic apps
Getting started with Azure Cognitive services
Cloud Dev with Azure Functions - DogFoodCon 2018 - Brian T Jackett
Serverless beyond AWS Lambda
AAD with MVC App
Azure App Service Deep Dive
Ad

Similar to Real-time web applications using SharePoint, SignalR and Azure Service Bus (20)

PDF
Introduction to SignalR
PPTX
SignalR powered real-time x-plat mobile apps!
PPTX
Building Realtime Web Applications With ASP.NET SignalR
PPTX
SignalR Powered X-Platform Real-Time Apps!
PPTX
SignalR with asp.net
PPTX
Real-time ASP.NET with SignalR
PPTX
signalr
PPTX
Signal r azurepresentation
PPTX
SignalR Dublin ALT.NET
PPTX
Real time Communication with Signalr (Android Client)
PPTX
Real-time Communications with SignalR
PPTX
Asynchrone Echtzeitanwendungen für SharePoint mit SignalR und knockout.js
PPTX
ASP.NET MVC 5 and SignalR 2
PDF
PPTX
How To Build Real-Time Applications With ASP.NET Core SignalR
PPTX
Building Real Time Applications with ASP.NET SignalR 2.0 by Rachel Appel
PPSX
SignalR With ASP.Net part1
PDF
Real-Time Applications with SignalR and Vue by Girish Sonewane.docx.pdf
PPTX
Web e device in real time con asp.net Signal R
PPTX
SignalR Overview
Introduction to SignalR
SignalR powered real-time x-plat mobile apps!
Building Realtime Web Applications With ASP.NET SignalR
SignalR Powered X-Platform Real-Time Apps!
SignalR with asp.net
Real-time ASP.NET with SignalR
signalr
Signal r azurepresentation
SignalR Dublin ALT.NET
Real time Communication with Signalr (Android Client)
Real-time Communications with SignalR
Asynchrone Echtzeitanwendungen für SharePoint mit SignalR und knockout.js
ASP.NET MVC 5 and SignalR 2
How To Build Real-Time Applications With ASP.NET Core SignalR
Building Real Time Applications with ASP.NET SignalR 2.0 by Rachel Appel
SignalR With ASP.Net part1
Real-Time Applications with SignalR and Vue by Girish Sonewane.docx.pdf
Web e device in real time con asp.net Signal R
SignalR Overview
Ad

More from Dinusha Kumarasiri (20)

PPTX
Designing AI-Powered APIs on Azure: Best Practices& Considerations
PPTX
Azure Integration Services: Building the Future of Connected Systems
PPTX
API Security: Essential Practices for Developers
PPTX
Azure API Management to expose backend services securely
PPTX
Implementing Zero Trust strategy with Azure
PPTX
Migrating On-Premises Workloads with Azure Migrate
PPTX
Azure Event Hubs for Kafka.pptx
PPTX
Future of Collaboration with Office 365.pptx
PPTX
Application Development with Azure
PPTX
Building Data Solutions with Azure
PPTX
Introduction to cloud computing
PPTX
Azure active directory and role based access control
PPTX
Step into cloud
PPTX
PowerApps and Flow
PPTX
PowerApps with Common Data Services
PPTX
Automating Business Processes with SharePoint & Flow
PPTX
ALM with SharePoint
PPTX
SharePoint Authentication
PPTX
Data Loss Prevention in SharePoint 2016
PPTX
Introduction to SharePoint
Designing AI-Powered APIs on Azure: Best Practices& Considerations
Azure Integration Services: Building the Future of Connected Systems
API Security: Essential Practices for Developers
Azure API Management to expose backend services securely
Implementing Zero Trust strategy with Azure
Migrating On-Premises Workloads with Azure Migrate
Azure Event Hubs for Kafka.pptx
Future of Collaboration with Office 365.pptx
Application Development with Azure
Building Data Solutions with Azure
Introduction to cloud computing
Azure active directory and role based access control
Step into cloud
PowerApps and Flow
PowerApps with Common Data Services
Automating Business Processes with SharePoint & Flow
ALM with SharePoint
SharePoint Authentication
Data Loss Prevention in SharePoint 2016
Introduction to SharePoint

Recently uploaded (20)

PDF
Digital Strategies for Manufacturing Companies
PDF
medical staffing services at VALiNTRY
PPTX
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
PDF
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
PDF
System and Network Administration Chapter 2
PDF
System and Network Administraation Chapter 3
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PDF
Design an Analysis of Algorithms II-SECS-1021-03
PDF
Which alternative to Crystal Reports is best for small or large businesses.pdf
PDF
Understanding Forklifts - TECH EHS Solution
PPTX
Transform Your Business with a Software ERP System
PPTX
CHAPTER 2 - PM Management and IT Context
PDF
PTS Company Brochure 2025 (1).pdf.......
PDF
Designing Intelligence for the Shop Floor.pdf
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
Upgrade and Innovation Strategies for SAP ERP Customers
PPTX
Introduction to Artificial Intelligence
PDF
Adobe Illustrator 28.6 Crack My Vision of Vector Design
PDF
Digital Systems & Binary Numbers (comprehensive )
PPTX
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...
Digital Strategies for Manufacturing Companies
medical staffing services at VALiNTRY
Agentic AI Use Case- Contract Lifecycle Management (CLM).pptx
EN-Survey-Report-SAP-LeanIX-EA-Insights-2025.pdf
System and Network Administration Chapter 2
System and Network Administraation Chapter 3
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
Design an Analysis of Algorithms II-SECS-1021-03
Which alternative to Crystal Reports is best for small or large businesses.pdf
Understanding Forklifts - TECH EHS Solution
Transform Your Business with a Software ERP System
CHAPTER 2 - PM Management and IT Context
PTS Company Brochure 2025 (1).pdf.......
Designing Intelligence for the Shop Floor.pdf
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
Upgrade and Innovation Strategies for SAP ERP Customers
Introduction to Artificial Intelligence
Adobe Illustrator 28.6 Crack My Vision of Vector Design
Digital Systems & Binary Numbers (comprehensive )
Agentic AI : A Practical Guide. Undersating, Implementing and Scaling Autono...

Real-time web applications using SharePoint, SignalR and Azure Service Bus

  • 1. Build real-time applications using SharePoint, Azure Service Bus and SignalR Dinusha Kumarasiri http://dinushaonline.blogspot.com
  • 2. Dinusha Kumarasiri • MVP in SharePoint server • Software Architect focusing on SharePoint and related technologies • Interested in SharePoint, Office365 and Microsoft Azure Email : [email protected] Twitter : kumarasiri048 Facebook : dinushak LinkedIn : dinushak Contact Details
  • 3. Agenda • Evolution of web • Real time web applications • ASP.Net SignalR • SignalR with SharePoint • Microsoft Azure Service Bus
  • 4. Evolution of web • HTTP Protocol Client Server Request Response • HTTP is stateless • Current state is not saved • New requests from the same users are treated as brand new requests • HTTP is half duplex • Either send a request or receive a response. But not at the same time
  • 5. Evolution of web • What are the current work arounds for being stateless • HTTP Cookies, Server side sessions, etc. • Additional information in HTTP headers
  • 6. Evolution of web • Ajax HTTP requests • Uses XML HttpRequest • Able to load parts of the web page without loading the entire page • How can we load data, without any interaction from the end user?
  • 7. Real-time web applications • Set of technologies and practices that enable users to receive information as it is published • Instantly receive messages if there are any • Up to date • Delivered to any device
  • 8. Real-time web applications • Use cases • Social networking • Gaming • Gambling • Trading • Monitoring • Tracking • Sports events • Collaborative applications • Real-time forms • Sites with messaging capabilities
  • 9. Real-time web applications Consumer Service to push messages Subscribe Get messages Events
  • 10. Real-time web applications • Technologies to enable real-time web applications • Polling • Long Polling • Forever frame • Server-Sent Events (SSE) • WebSockets
  • 11. Real-time web applications Polling Long Polling • Periodically request the server for any updates • Client poll the server, but server respond if there is data to return • The server holds on the request until timeout or if it has new data • Polling and Long Polling
  • 12. Real-time web applications • Forever Frame • Uses a hidden iframe • The iframe loads another page which has a loop • HTML5 Server-Sent Events (SSE) • Create new EventSource object, which opens a connection to server
  • 13. Real-time web applications • WebSockets • Extended HTTP • But may not be compatible • Windows 8 + , Server 2012 + • There may be network security concerns
  • 14. Real-time web applications • How to select what technology is best for current scenario • Should fallback to another technology if primary is not supported • Frameworks support to achieve that
  • 15. SignalR • Asynchronous signaling library that enables real-time, multi- user web applications. • Creates a persistent connection between server and client(s) • Within ASP.Net stack • Source code is open and in GitHub • Available via NuGet
  • 16. SignalR • Features • Libraries for client and server • Use WebSockets when available, if not fallback to other technologies • Supported in many platforms • SignalR Team • .Net 4.0 + • WinRT • Windows Phone 8 • Silverlight 5 • JQuery • C++ • Community • IOS Native • IOS via Mono • Android via Mono
  • 19. SignalR • Preparing the environment NuGet package Microsoft.AspNet.SignalR Server references JavaScript for clients
  • 21. SignalR • Server side development models • Persistent connection : IHttpHandler • Hubs : An abstraction over persistent connection • Hubs • Public methods defined in hubs are callable from outside • Send messages to clients by invoking client-side methods • Communication is serialized by JSON
  • 25. SignalR with SharePoint • Steps • Create a provider hosted application • Host the remote web • Client Web Parts to display
  • 27. Working with external data • Scenarios • Output from LOB systems • IOT and other external devices • Production lines • Communication from multiple sources
  • 28. Working with external data • Challenges • Can lose data • Data from multiple sources • Data can be in multiple formats • Cost • Availability of infrastructure • Heavy load in peak times
  • 29. Azure Service Bus • What is azure service bus? • Reliable information delivery service • It ensures that the information is delivered even both parties are not online in the same time • Azure service bus queue • Sender sends a message to the queue • A receiver can pickup • One-way asynchronous communication
  • 30. Azure Service Bus • Azure service bus topics • Filters • One-way asynchronous communication
  • 31. Azure Service Bus • Azure service bus relays • If your applications need to both send and receive messages
  • 32. Azure Service Bus • Real-time web applications with SignalR and Azure Service Bus Service Bus Topics SignalR (Server Side) Hub Client 1 Client 2 Client 2 Process 1 Process 2