Serverless Architecture

Functions, Event Grid, Cosmos.

Serverless Architecture: rendered example
Rendered by Gnomon from the source below. No edits.

The source

41 lines of PlantUML, and pulls in Azure icons. Copy it, or open the template inside Gnomon and render it as it is.

@startuml
!define AzurePuml https://raw.githubusercontent.com/plantuml-stdlib/Azure-PlantUML/release/2-2/dist
!include AzurePuml/AzureCommon.puml
!include AzurePuml/Compute/AzureFunction.puml
!include AzurePuml/Web/AzureAPIManagement.puml
!include AzurePuml/Databases/AzureCosmosDb.puml
!include AzurePuml/Storage/AzureBlobStorage.puml
!include AzurePuml/Integration/AzureServiceBus.puml
!include AzurePuml/Integration/AzureEventGrid.puml
!include AzurePuml/Web/AzureCDN.puml
!include AzurePuml/Identity/AzureActiveDirectoryB2C.puml

title Azure Serverless Architecture

actor User as user

AzureCDN(spa, "CDN + Static Site", "Frontend")
AzureActiveDirectoryB2C(auth, "Azure AD B2C", "Auth")
AzureAPIManagement(apim, "API Management", "Developer")

AzureFunction(httpFunc, "HTTP Trigger", "Node.js")
AzureFunction(queueFunc, "Queue Trigger", "Node.js")
AzureFunction(eventFunc, "Event Trigger", "Python")

AzureCosmosDb(cosmos, "Cosmos DB", "Serverless")
AzureServiceBus(bus, "Service Bus", "Standard")
AzureEventGrid(events, "Event Grid", "Events")
AzureBlobStorage(storage, "Blob Storage", "")

user --> spa
user --> auth
spa --> apim
apim --> httpFunc
httpFunc --> cosmos
httpFunc --> bus
bus --> queueFunc
queueFunc --> storage
storage --> events
events --> eventFunc

@enduml

Render this offline

This template ships in Gnomon and renders on your machine, with no account and nothing sent to a server. The browser editor is free and needs no install.

Get GnomonOpen the browser editor

Others in Azure architecture diagrams