Instant Broadcasting on Serverless Architecture

Blob Storage
Functions
SignalR Service
Web Apps

Solution Idea

If you'd like to see us expand this article with more information, implementation details, pricing guidance, or code examples, let us know with GitHub Feedback!

Simplify one-to-many real-time communication and updates using serverless code.

Architecture

Architecture Diagram Download an SVG of this architecture.

Data Flow

  1. Client pulls web app content from blob storage
  2. Web app receives SignalR token and endpoint
  3. User connects to web app
  4. Connection triggers database event via Functions
  5. Functions pushes data to SignalR Service
  6. …which in turn pushes data to client