PlantUML Web Server

@startuml
!pragma revision 1

'skinparam linetype ortho
'skinparam linetype polyline

' C4
!includeurl https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml

' Azure
!define AzurePuml https://raw.githubusercontent.com/plantuml-stdlib/Azure-PlantUML/master/dist
!includeurl AzurePuml/AzureCommon.puml
' Comment/uncomment for complex details
!includeurl AzurePuml/AzureSimplified.puml
!includeurl AzurePuml/Compute/AzureAppService.puml
!includeurl AzurePuml/Compute/AzureFunction.puml
!includeurl AzurePuml/Containers/AzureContainerRegistry.puml
!includeurl AzurePuml/Databases/AzureSqlDatabase.puml
!includeurl AzurePuml/DevOps/AzureApplicationInsights.puml
!includeurl AzurePuml/Identity/AzureActiveDirectory.puml
!includeurl AzurePuml/Integration/AzureServiceBus.puml
!includeurl AzurePuml/Security/AzureKeyVault.puml
!includeurl AzurePuml/Web/AzureWebApp.puml

'left to right direction

' Azure Components

package "Global" {
  AzureApplicationInsights(ai, "App Insights", "")
  AzureActiveDirectory(aad, "\nAzure\nActive Directory", "Global")
  AzureContainerRegistry(acr, "ACR", "")    
}

package "UK South" {
  AzureAppService(asp, "App Service Plan", "")
  AzureKeyVault(kv, "Key Vault", "")
  AzureSqlDatabase(sql, "Data store", "")
  AzureWebApp(app, "Web App", "")
  AzureServiceBus(sb, "Service Bus", "")  
}

asp -> app: "Hosts"
app --> ai : Monitoring
app --> acr : Pull image
app --> aad : Managed Identity
app -u-> sb : Publish message
app -> kv : Read appsettings
app <-u-> sql : Read/write data

kv -[hidden]u-> sb
@enduml

🎉 Discover the future PlantUML Web Editor! 🚀 PNG SVG ASCII Art