Tutorial: Sketch a Cloud Architecture

Compute, functions, storage and data flow

You will build: a three-tier cloud architecture sketch. Time: about 10 minutes. Prerequisites: Beep.Skia and Beep.Skia.Cloud.

1. Services

using Beep.Skia;
using Beep.Skia.Cloud;

var manager = new DrawingManager();

var cdn = new CloudComputeNode { X = 60, Y = 60, Width = 180, Height = 80, Label = "CDN" };
var api = new CloudFunctionNode { X = 320, Y = 60, Width = 180, Height = 80, Label = "API (functions)" };
var db = new CloudDatabaseNode { X = 580, Y = 60, Width = 180, Height = 80, Label = "Managed DB" };
var storage = new CloudStorageNode { X = 320, Y = 220, Width = 180, Height = 80, Label = "Object storage" };

foreach (var node in new SkiaComponent[] { cdn, api, db, storage })
    manager.AddComponent(node);

2. Data flow

manager.ConnectComponents(cdn, api);
manager.ConnectComponents(api, db);
manager.ConnectComponents(api, storage);

foreach (var line in manager.GetLines())
{
    line.RoutingMode = LineRoutingMode.Orthogonal;
    line.IsDataFlowAnimated = true;
    line.AnimationStyle = FlowAnimationStyle.Dots;
}

3. Save the sketch

File.WriteAllText("architecture.json",
    System.Text.Json.JsonSerializer.Serialize(manager.ToDto()));

Next steps