CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE SIGNALR SERVICE

CodeOps Technologies LLP
CodeOps Technologies LLPOrganizer at India Serverless Summit and Bangalore Container Conference.
Real time
Dashboard with
CosmosDb,Azure
Functions, Azure
SignalR service and
Blazor
By Mangesh Gaherwar
Meet our Developer Mr. J
Asked to design a system which
will give user the real time
update of the weather
Polling Based Dashboard
Traditional approach which will be timer based fetching of the data from server
Issues with this approach…
Issues with this approach
Client tries to
connect server data
is available or not
Selecting Time
interval is also
difficult.
Once data is returned
then client app is
updated regardless of
any change in data or
not
As the application
grow amount of
data exchanged
between client and
server become a
problem
Whats the
Solution ????
• Design a system which will
reduce this issues as reducing
the traffic to the server and
making sure the UI is updated
whenever the data changes .
Image source : Microsoft docs
Data is added
in Cosmos Db
As Data changes
Azure Cosmos
Db exposes a
Change feed Triggers the Azure
function which use
the Cosmos Db
Trigger
Using SignalR
output binding
Publishes
message to
Clients
Azure functions development with Cosmos
Db change feed
• CosmosDBTrigger : Trigger used to invoke the function
• databaseName : Name of the Database
• collectionName : Name of the container
• ConnectionStringSetting : Key Name from app setting which holds the
connection string to the Cosmos Db
• LeaseCollectionName : Name of the lease collection
Azure SignalR service Configurations
Azure Service configuration
mode
Default Serverless
Classic
Azure functions with Azure SignalR
service
SignalR Service Bindings
Trigger Binding
Input Binding
Output Binding
You can find me
at
• Twitter : @dotnetgik1
• Linkedin : Mangesh Gaherwar
• Blog : www.dotnetgik.com
Thank You
1 of 10

Recommended

Shift Remote AI: Build and deploy PyTorch Models with Azure Machine Learning ... by
Shift Remote AI: Build and deploy PyTorch Models with Azure Machine Learning ...Shift Remote AI: Build and deploy PyTorch Models with Azure Machine Learning ...
Shift Remote AI: Build and deploy PyTorch Models with Azure Machine Learning ...Shift Conference
129 views37 slides
Go Serverless with Java and Azure Functions by
Go Serverless with Java and Azure FunctionsGo Serverless with Java and Azure Functions
Go Serverless with Java and Azure FunctionsCodeOps Technologies LLP
1.1K views26 slides
BUILD, TEST & DEPLOY .NET CORE APPS IN AZURE DEVOPS by
BUILD, TEST & DEPLOY .NET CORE APPS IN AZURE DEVOPSBUILD, TEST & DEPLOY .NET CORE APPS IN AZURE DEVOPS
BUILD, TEST & DEPLOY .NET CORE APPS IN AZURE DEVOPSCodeOps Technologies LLP
2.7K views24 slides
Monitor Azure Kubernetes Cluster With Prometheus by Mamta Jha by
Monitor Azure Kubernetes Cluster With Prometheus by Mamta JhaMonitor Azure Kubernetes Cluster With Prometheus by Mamta Jha
Monitor Azure Kubernetes Cluster With Prometheus by Mamta JhaCodeOps Technologies LLP
5.5K views13 slides
WRITE SCALABLE COMMUNICATION APPLICATION WITH POWER OF SERVERLESS by
WRITE SCALABLE COMMUNICATION APPLICATION WITH POWER OF SERVERLESSWRITE SCALABLE COMMUNICATION APPLICATION WITH POWER OF SERVERLESS
WRITE SCALABLE COMMUNICATION APPLICATION WITH POWER OF SERVERLESSCodeOps Technologies LLP
2.6K views9 slides
Deploy Microservices To Kubernetes Without Secrets by Reenu Saluja by
Deploy Microservices To Kubernetes Without Secrets by Reenu SalujaDeploy Microservices To Kubernetes Without Secrets by Reenu Saluja
Deploy Microservices To Kubernetes Without Secrets by Reenu SalujaCodeOps Technologies LLP
5.7K views9 slides

More Related Content

What's hot

CREATE RELIABLE AND LOW-CODE APPLICATION IN SERVERLESS MANNER by
CREATE RELIABLE AND LOW-CODE APPLICATION IN SERVERLESS MANNERCREATE RELIABLE AND LOW-CODE APPLICATION IN SERVERLESS MANNER
CREATE RELIABLE AND LOW-CODE APPLICATION IN SERVERLESS MANNERCodeOps Technologies LLP
2.6K views13 slides
Leading Edge of Modern Web Apps on Azure - Menaka - CCDays by
Leading Edge of Modern Web Apps on Azure - Menaka - CCDaysLeading Edge of Modern Web Apps on Azure - Menaka - CCDays
Leading Edge of Modern Web Apps on Azure - Menaka - CCDaysCodeOps Technologies LLP
3K views15 slides
Static web apps by GitHub action by
Static web apps by GitHub actionStatic web apps by GitHub action
Static web apps by GitHub actionSeven Peaks Speaks
53 views12 slides
Azure Functions Real World Examples by
Azure Functions Real World Examples Azure Functions Real World Examples
Azure Functions Real World Examples Yochay Kiriaty
9.4K views41 slides
Azure functions by
Azure functionsAzure functions
Azure functionsvivek p s
310 views28 slides
Going Serverless with Azure Functions by
Going Serverless with Azure FunctionsGoing Serverless with Azure Functions
Going Serverless with Azure FunctionsChristos Matskas
918 views35 slides

What's hot(19)

Azure Functions Real World Examples by Yochay Kiriaty
Azure Functions Real World Examples Azure Functions Real World Examples
Azure Functions Real World Examples
Yochay Kiriaty9.4K views
Azure functions by vivek p s
Azure functionsAzure functions
Azure functions
vivek p s310 views
Going Serverless with Azure Functions by Christos Matskas
Going Serverless with Azure FunctionsGoing Serverless with Azure Functions
Going Serverless with Azure Functions
Christos Matskas918 views
Using Azure Functions for Integration by BizTalk360
Using Azure Functions for IntegrationUsing Azure Functions for Integration
Using Azure Functions for Integration
BizTalk360687 views
Azure PaaS (WebApp & SQL Database) workshop solution by Gelis Wu
Azure PaaS (WebApp & SQL Database) workshop solutionAzure PaaS (WebApp & SQL Database) workshop solution
Azure PaaS (WebApp & SQL Database) workshop solution
Gelis Wu697 views
Building Deploying and Managing Microservices-based Applications with Azure P... by CodeOps Technologies LLP
Building Deploying and Managing Microservices-based Applications with Azure P...Building Deploying and Managing Microservices-based Applications with Azure P...
Building Deploying and Managing Microservices-based Applications with Azure P...
Introduction to Azure Functions - Tutorial by BizTalk360
Introduction to Azure Functions - TutorialIntroduction to Azure Functions - Tutorial
Introduction to Azure Functions - Tutorial
BizTalk3602.3K views
Real time Object Detection and Analytics using RedisEdge and Docker by Ajeet Singh Raina
Real time Object Detection and Analytics using RedisEdge and DockerReal time Object Detection and Analytics using RedisEdge and Docker
Real time Object Detection and Analytics using RedisEdge and Docker
Ajeet Singh Raina2.5K views

Similar to CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE SIGNALR SERVICE

What's new in MongoDB 3.6? by
What's new in MongoDB 3.6?What's new in MongoDB 3.6?
What's new in MongoDB 3.6?MongoDB
1.9K views44 slides
Azure Microsoft by
Azure MicrosoftAzure Microsoft
Azure Microsoftjohn weston
511 views40 slides
Novedades de MongoDB 3.6 by
Novedades de MongoDB 3.6Novedades de MongoDB 3.6
Novedades de MongoDB 3.6MongoDB
1.1K views50 slides
Neue Features in MongoDB 3.6 by
Neue Features in MongoDB 3.6Neue Features in MongoDB 3.6
Neue Features in MongoDB 3.6MongoDB
1.2K views44 slides
MongoDB What's new in 3.2 version by
MongoDB What's new in 3.2 versionMongoDB What's new in 3.2 version
MongoDB What's new in 3.2 versionHéliot PERROQUIN
194 views42 slides
Data Collection and Consumption by
Data Collection and ConsumptionData Collection and Consumption
Data Collection and ConsumptionBrian Greig
936 views27 slides

Similar to CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE SIGNALR SERVICE(20)

What's new in MongoDB 3.6? by MongoDB
What's new in MongoDB 3.6?What's new in MongoDB 3.6?
What's new in MongoDB 3.6?
MongoDB1.9K views
Novedades de MongoDB 3.6 by MongoDB
Novedades de MongoDB 3.6Novedades de MongoDB 3.6
Novedades de MongoDB 3.6
MongoDB1.1K views
Neue Features in MongoDB 3.6 by MongoDB
Neue Features in MongoDB 3.6Neue Features in MongoDB 3.6
Neue Features in MongoDB 3.6
MongoDB1.2K views
Data Collection and Consumption by Brian Greig
Data Collection and ConsumptionData Collection and Consumption
Data Collection and Consumption
Brian Greig936 views
AWS re:Invent 2016: Effective Application Data Analytics for Modern Applicati... by Amazon Web Services
AWS re:Invent 2016: Effective Application Data Analytics for Modern Applicati...AWS re:Invent 2016: Effective Application Data Analytics for Modern Applicati...
AWS re:Invent 2016: Effective Application Data Analytics for Modern Applicati...
Total Knockout: Start-to-Finish Development of Suitability Applications Using... by Blue Raster
Total Knockout: Start-to-Finish Development of Suitability Applications Using...Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Blue Raster1.9K views
How to Monitor Application Performance in a Container-Based World by Ken Owens
How to Monitor Application Performance in a Container-Based WorldHow to Monitor Application Performance in a Container-Based World
How to Monitor Application Performance in a Container-Based World
Ken Owens471 views
Cosmos DB Conf - Cosmos DB + Azure Functions .pptx by Luis Beltran
Cosmos DB Conf - Cosmos DB + Azure Functions .pptxCosmos DB Conf - Cosmos DB + Azure Functions .pptx
Cosmos DB Conf - Cosmos DB + Azure Functions .pptx
Luis Beltran187 views
MongoDB World 2019: Scaling Real-time Collaboration with MongoDB by MongoDB
MongoDB World 2019: Scaling Real-time Collaboration with MongoDBMongoDB World 2019: Scaling Real-time Collaboration with MongoDB
MongoDB World 2019: Scaling Real-time Collaboration with MongoDB
MongoDB300 views
MongoDB World 2018: Evolving your Data Access with MongoDB Stitch by MongoDB
MongoDB World 2018: Evolving your Data Access with MongoDB StitchMongoDB World 2018: Evolving your Data Access with MongoDB Stitch
MongoDB World 2018: Evolving your Data Access with MongoDB Stitch
MongoDB212 views
Blewis Session 1 Fy10 Q3 Azure by Brian Lewis
Blewis  Session 1 Fy10 Q3 AzureBlewis  Session 1 Fy10 Q3 Azure
Blewis Session 1 Fy10 Q3 Azure
Brian Lewis518 views
Webinar: What's New in MongoDB 3.2 by MongoDB
Webinar: What's New in MongoDB 3.2Webinar: What's New in MongoDB 3.2
Webinar: What's New in MongoDB 3.2
MongoDB10.9K views
MSFT Dumaguete 061616 - Building High Performance Apps by Marc Obaldo
MSFT Dumaguete 061616 - Building High Performance AppsMSFT Dumaguete 061616 - Building High Performance Apps
MSFT Dumaguete 061616 - Building High Performance Apps
Marc Obaldo81 views
Webminar - Novedades de MongoDB 3.2 by Sam_Francis
Webminar - Novedades de MongoDB 3.2Webminar - Novedades de MongoDB 3.2
Webminar - Novedades de MongoDB 3.2
Sam_Francis753 views
Webinar : Nouveautés de MongoDB 3.2 by MongoDB
Webinar : Nouveautés de MongoDB 3.2Webinar : Nouveautés de MongoDB 3.2
Webinar : Nouveautés de MongoDB 3.2
MongoDB1.3K views

More from CodeOps Technologies LLP

AWS Serverless Event-driven Architecture - in lastminute.com meetup by
AWS Serverless Event-driven Architecture - in lastminute.com meetupAWS Serverless Event-driven Architecture - in lastminute.com meetup
AWS Serverless Event-driven Architecture - in lastminute.com meetupCodeOps Technologies LLP
16 views16 slides
Understanding azure batch service by
Understanding azure batch serviceUnderstanding azure batch service
Understanding azure batch serviceCodeOps Technologies LLP
2.7K views21 slides
BUILDING SERVERLESS SOLUTIONS WITH AZURE FUNCTIONS by
BUILDING SERVERLESS SOLUTIONS WITH AZURE FUNCTIONSBUILDING SERVERLESS SOLUTIONS WITH AZURE FUNCTIONS
BUILDING SERVERLESS SOLUTIONS WITH AZURE FUNCTIONSCodeOps Technologies LLP
2.6K views13 slides
APPLYING DEVOPS STRATEGIES ON SCALE USING AZURE DEVOPS SERVICES by
APPLYING DEVOPS STRATEGIES ON SCALE USING AZURE DEVOPS SERVICESAPPLYING DEVOPS STRATEGIES ON SCALE USING AZURE DEVOPS SERVICES
APPLYING DEVOPS STRATEGIES ON SCALE USING AZURE DEVOPS SERVICESCodeOps Technologies LLP
2.7K views2 slides
Training And Serving ML Model Using Kubeflow by Jayesh Sharma by
Training And Serving ML Model Using Kubeflow by Jayesh SharmaTraining And Serving ML Model Using Kubeflow by Jayesh Sharma
Training And Serving ML Model Using Kubeflow by Jayesh SharmaCodeOps Technologies LLP
5.4K views15 slides
Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ... by
Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...
Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...CodeOps Technologies LLP
5.5K views5 slides

More from CodeOps Technologies LLP(17)

Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ... by CodeOps Technologies LLP
Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...
Leverage Azure Tech stack for any Kubernetes cluster via Azure Arc by Saiyam ...
Must Know Azure Kubernetes Best Practices And Features For Better Resiliency ... by CodeOps Technologies LLP
Must Know Azure Kubernetes Best Practices And Features For Better Resiliency ...Must Know Azure Kubernetes Best Practices And Features For Better Resiliency ...
Must Know Azure Kubernetes Best Practices And Features For Better Resiliency ...
Improve customer engagement and productivity with conversational ai by CodeOps Technologies LLP
Improve customer engagement and productivity with conversational aiImprove customer engagement and productivity with conversational ai
Improve customer engagement and productivity with conversational ai
Build your model using azure custom vision and deploy it in a webapp by CodeOps Technologies LLP
Build your model using azure custom vision and deploy it in a webappBuild your model using azure custom vision and deploy it in a webapp
Build your model using azure custom vision and deploy it in a webapp

Recently uploaded

virtual reality.pptx by
virtual reality.pptxvirtual reality.pptx
virtual reality.pptxG036GaikwadSnehal
11 views15 slides
Top 10 Strategic Technologies in 2024: AI and Automation by
Top 10 Strategic Technologies in 2024: AI and AutomationTop 10 Strategic Technologies in 2024: AI and Automation
Top 10 Strategic Technologies in 2024: AI and AutomationAutomationEdge Technologies
18 views14 slides
DALI Basics Course 2023 by
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023Ivory Egg
16 views12 slides
Perth MeetUp November 2023 by
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023 Michael Price
19 views44 slides
Scaling Knowledge Graph Architectures with AI by
Scaling Knowledge Graph Architectures with AIScaling Knowledge Graph Architectures with AI
Scaling Knowledge Graph Architectures with AIEnterprise Knowledge
28 views15 slides
Special_edition_innovator_2023.pdf by
Special_edition_innovator_2023.pdfSpecial_edition_innovator_2023.pdf
Special_edition_innovator_2023.pdfWillDavies22
17 views6 slides

Recently uploaded(20)

DALI Basics Course 2023 by Ivory Egg
DALI Basics Course  2023DALI Basics Course  2023
DALI Basics Course 2023
Ivory Egg16 views
Perth MeetUp November 2023 by Michael Price
Perth MeetUp November 2023 Perth MeetUp November 2023
Perth MeetUp November 2023
Michael Price19 views
Special_edition_innovator_2023.pdf by WillDavies22
Special_edition_innovator_2023.pdfSpecial_edition_innovator_2023.pdf
Special_edition_innovator_2023.pdf
WillDavies2217 views
Lilypad @ Labweek, Istanbul, 2023.pdf by Ally339821
Lilypad @ Labweek, Istanbul, 2023.pdfLilypad @ Labweek, Istanbul, 2023.pdf
Lilypad @ Labweek, Istanbul, 2023.pdf
Ally3398219 views
The details of description: Techniques, tips, and tangents on alternative tex... by BookNet Canada
The details of description: Techniques, tips, and tangents on alternative tex...The details of description: Techniques, tips, and tangents on alternative tex...
The details of description: Techniques, tips, and tangents on alternative tex...
BookNet Canada126 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10237 views
HTTP headers that make your website go faster - devs.gent November 2023 by Thijs Feryn
HTTP headers that make your website go faster - devs.gent November 2023HTTP headers that make your website go faster - devs.gent November 2023
HTTP headers that make your website go faster - devs.gent November 2023
Thijs Feryn21 views
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive by Network Automation Forum
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLiveAutomating a World-Class Technology Conference; Behind the Scenes of CiscoLive
Automating a World-Class Technology Conference; Behind the Scenes of CiscoLive
Attacking IoT Devices from a Web Perspective - Linux Day by Simone Onofri
Attacking IoT Devices from a Web Perspective - Linux Day Attacking IoT Devices from a Web Perspective - Linux Day
Attacking IoT Devices from a Web Perspective - Linux Day
Simone Onofri15 views
Unit 1_Lecture 2_Physical Design of IoT.pdf by StephenTec
Unit 1_Lecture 2_Physical Design of IoT.pdfUnit 1_Lecture 2_Physical Design of IoT.pdf
Unit 1_Lecture 2_Physical Design of IoT.pdf
StephenTec12 views
6g - REPORT.pdf by Liveplex
6g - REPORT.pdf6g - REPORT.pdf
6g - REPORT.pdf
Liveplex10 views
Piloting & Scaling Successfully With Microsoft Viva by Richard Harbridge
Piloting & Scaling Successfully With Microsoft VivaPiloting & Scaling Successfully With Microsoft Viva
Piloting & Scaling Successfully With Microsoft Viva
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman30 views
Black and White Modern Science Presentation.pptx by maryamkhalid2916
Black and White Modern Science Presentation.pptxBlack and White Modern Science Presentation.pptx
Black and White Modern Science Presentation.pptx
maryamkhalid291616 views

CREATING REAL TIME DASHBOARD WITH BLAZOR, AZURE FUNCTION COSMOS DB AN AZURE SIGNALR SERVICE

  • 1. Real time Dashboard with CosmosDb,Azure Functions, Azure SignalR service and Blazor By Mangesh Gaherwar
  • 2. Meet our Developer Mr. J Asked to design a system which will give user the real time update of the weather
  • 3. Polling Based Dashboard Traditional approach which will be timer based fetching of the data from server
  • 4. Issues with this approach… Issues with this approach Client tries to connect server data is available or not Selecting Time interval is also difficult. Once data is returned then client app is updated regardless of any change in data or not As the application grow amount of data exchanged between client and server become a problem
  • 5. Whats the Solution ???? • Design a system which will reduce this issues as reducing the traffic to the server and making sure the UI is updated whenever the data changes . Image source : Microsoft docs Data is added in Cosmos Db As Data changes Azure Cosmos Db exposes a Change feed Triggers the Azure function which use the Cosmos Db Trigger Using SignalR output binding Publishes message to Clients
  • 6. Azure functions development with Cosmos Db change feed • CosmosDBTrigger : Trigger used to invoke the function • databaseName : Name of the Database • collectionName : Name of the container • ConnectionStringSetting : Key Name from app setting which holds the connection string to the Cosmos Db • LeaseCollectionName : Name of the lease collection
  • 7. Azure SignalR service Configurations Azure Service configuration mode Default Serverless Classic
  • 8. Azure functions with Azure SignalR service SignalR Service Bindings Trigger Binding Input Binding Output Binding
  • 9. You can find me at • Twitter : @dotnetgik1 • Linkedin : Mangesh Gaherwar • Blog : www.dotnetgik.com