marcduiker
Joined 4 years ago
Joined 4 years ago
I do plan to extend this demo and create a dashboard for the kitchen that shows all orders coming in.
Tech stack:
- Azure Static Web Apps that hosts a VueJS web app.
- Azure Function App that uses Durable Functions for the workflow.
- Ably (WebSockets as a Service) for pubsub messaging from the back-end to the front-end.
More info in this blog post: https://ably.com/blog/visualize-azure-serverless-workflow-pr...
1. Clients trigger HTTP function endpoints (add a player, do an attack).
2. Centralized state is being updated (based on Durable Entities).
3. The Azure Functions publish messages to the realtime channel (via a REST based client).
4. Clients are subscribed to the realtime channel (using a WebSocket based connection) and respond to the messages (update player health etc).
So clients are only subscribing to messages that the Azure Functions are publishing.