Making Static Dynamic - Adding SignalR to Azure Static Web Apps

on YouTube ↗47m

" summary

Shows how to add real‑time updates to an Azure Static Web Apps + Blazor Wasm site by wiring Azure Functions to Web Pub Sub (not SignalR), generating a short‑lived connection URI on the server, and running a websocket client in the browser. Demonstrates the four-line send call, HTTP endpoints for send to user or group, client-side connect/disconnect and event handlers, local SWA CLI testing, free‑tier limits (~20 concurrent, 50k messages) and a Cosmos DB trigger demo for book‑library notifications.

AI-written summary · about

" chapters (18)

1. 0:00Introduction
2. 4:39Real-time updates for static apps
3. 6:24Web PubSub setup
4. 7:53Web PubSub endpoint
5. 10:26Message sending function
6. 13:44Client Web PubSub service
7. 18:19Blazor service integration
8. 19:50Sign-in and homepage
9. 24:55Sending messages to all users
10. 27:04User/group messaging
11. 30:37Group messaging
12. 34:15Live demo
13. 35:47Book tracking use case
14. 38:36Cosmos DB triggers
15. 41:03Watched items notifications
16. 42:50Security considerations
17. 44:15Testing the demo
18. 46:25Summary

" related talks

• 01h 01mEvent driven applications in AzureLaurent Bugnion · NDC Oslo 2021
• 52mAzure CosmosDB, Azure Function, Azure SignalR Service&BlazorMangesh Gaherwar · Global Azure Virtual 2021
• 28mBuild Serverless Apps with BlazorDaria Grigoriu, Fabio Cavalcante · .NET Conf: Focus on Blazor 2020
• 46mAzure Static Web Apps - From Zero to Deployed App In 60 MinutesStacy Cashmore · Build Stuff 2022
• 57mBuilding a real-time serverless app in Blazor using AWSMartin Beeby · NDC London 2020
• 19mHow Static Web Apps saved time and money!Scott Hanselman · Azure Static Web Apps Anniversary 2022
• 01h 01mBuilding a real-time serverless app in Blazor using AWSMartin Beeby · NDC Oslo 2020
• 01h 01mGo Serverless with Cosmos DB, Azure Functions and BlazorLouis Berman · Global Summer 2020 Azure Data Fest 2020