serverless-websockets-quest
serverless-workflow-visualizer
Our great sponsors
serverless-websockets-quest | serverless-workflow-visualizer | |
---|---|---|
5 | 7 | |
8 | 4 | |
- | - | |
0.0 | 0.0 | |
7 months ago | 8 months ago | |
TypeScript | Vue | |
Apache License 2.0 | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
serverless-websockets-quest
-
One year at Ably as a Developer Advocate
Live demo
-
Using serverless WebSocksets with Azure Functions & Durable Entities
Hi all, I created a web app (ADnD style mini game) recently to demonstrate how to use serverless WebSockets (Ably) and combine it with Azure Functions to send realtime updates to the client (based on VueJS and hosted on Azure Static Web Apps). The Azure Functions use Durable Entities (part of Durable Functions) to store a centralized game state, and as soon as the state is updated the clients are notified of this change. Full blog post is here, the game can be played here, and you can have look at the code on GitHub.
-
Quest for serverless WebSockets, an adventure with Azure Functions & Durable Entities
[JsonObject(MemberSerialization.OptIn)] public class GameState : IGameState { // Only showing the class members relevant for this blog section. // For the full implementation see https://github.com/ably-labs/serverless-websockets-quest/blob/main/api/Models/GameState.cs [JsonProperty("questId")] public string QuestId { get; set; } [JsonProperty("phase")] public string Phase { get; set; } public async Task InitGameState(string[] gameStateFields) { QuestId = gameStateFields[0]; Phase = gameStateFields[1]; await _publisher.PublishUpdatePhase(QuestId, Phase); } [JsonProperty("players")] public List PlayerNames { get; set; } public async Task AddPlayerName(string playerName) { if (PlayerNames == null) { PlayerNames = new List { playerName }; } else { PlayerNames.Add(playerName); } if (IsPartyComplete) { await UpdatePhase(GamePhases.Play); await Task.Delay(2000); await AttackByMonster(); } } public async Task UpdatePhase(string phase) { Phase = phase; await _publisher.PublishUpdatePhase(QuestId, Phase); } private async Task AttackByMonster() { var playerAttacking = CharacterClassDefinitions.Monster.Name; var playerUnderAttack = GetRandomPlayerName(); var damage = CharacterClassDefinitions.GetDamageFor(CharacterClassDefinitions.Monster.CharacterClass); await _publisher.PublishPlayerAttacking(QuestId, playerAttacking, playerUnderAttack, damage); await Task.Delay(1000); var playerEntityId = new EntityId(nameof(Player), Player.GetEntityId(QuestId, playerUnderAttack)); Entity.Current.SignalEntity(playerEntityId, proxy => proxy.ApplyDamage(damage)); await Task.Delay(1000); var nextPlayerName = GetNextPlayerName(CharacterClassDefinitions.Monster.Name); await _publisher.PublishPlayerTurnAsync(QuestId, $"Next turn: {nextPlayerName}", nextPlayerName); } }
serverless-workflow-visualizer
-
One year at Ably as a Developer Advocate
Live demo
- Show HN: Serverless Pizza Workflow Visualizer
-
Creating realtime dashboards to visualize serverless workflow progress
I've created a demo and wrote a blog post about visualizing serverless workflow progress in realtime using a pubsub messaging service.
-
Create realtime dashboards to show serverless workflow progress
TLDR: Go to the live demo or view the source on GitHub.
-
Episode 102: myNewsWrap – SAP and Microsoft
Serverless Pizza Workflow Visualizer - Cool showcase with Durable Functions
What are some alternatives?
agile-flush-vue-app - Use this app to collaboratively estimate the stories for the next sprint.
ably-control-api-action - A GitHub Action to use the Ably Control API.
oclif - CLI for generating, building, and releasing oclif CLIs. Built by Salesforce.
blazor-starter - A starter template in C# APIs and Blazor for Azure Static Web Apps
DurableFunctionsMonitor - A monitoring/debugging UI tool for Azure Durable Functions
pubsub-demo-dotnet - Sample app to demonstrate how to do pub/sub using the Ably .NET SDK.
collaborative-pixel-drawing - A collaborative pixelart drawing carnvas to demonstrate pub/sub using Ably or Azure WebPubSub.
ably-cli
ably-airtable-starter-kit - A fully functional starter kit to store realtime messages from Ably into Airtable via WebHooks