Azure Serverless Architecture for Web/Mobile Applications

2022-11-11 azuresolution-diagram

This diagram shows you how to implement a serverless architecture on Azure.

Reference

Serverless web application - Azure Architecture Center | Microsoft Learn

HTTP
[Not supported by viewer]
Web Browsers
[Not supported by viewer]
Static Website
[Not supported by viewer]
Azure Blob Storage
(SPA App (React, Angular, Blazor WebAssembly), CSS, Images. etc.)
[Not supported by viewer]
Content Delivery Network
[Not supported by viewer]
HTTP GET
[Not supported by viewer]
API
[Not supported by viewer]
API Management
[Not supported by viewer]
Authentication
[Not supported by viewer]
Azure Function Apps
[Not supported by viewer]
Azure Blob Storage
[Not supported by viewer]
Data Persistence 
[Not supported by viewer]
Azure AD
[Not supported by viewer]
HTTP/ GRPC
[Not supported by viewer]
Mobile Apps
[Not supported by viewer]
MsPortalFx.base.images-15 public:true sdk: MsPortalFx.base.images.Polychromatic.Browser() category: General image/svg+xml MsPortalFx.base.images-15 MsPortalFx.base.images-7 public:true sdk: MsPortalFx.base.images.Polychromatic.BlobBlock() category: General image/svg+xml MsPortalFx.base.images-7 Icon-web-43 public:true sdk:false category: App Services, Networking image/svg+xml Icon-web-43 Icon-web-42 public:true sdk:MsPortalFx.Base.Images.Polychromatic.ApiManagement() category: App Services, Integration image/svg+xml Icon-web-42 Icon-compute-29 public:true sdk:MsPortalFx.Base.Images.Polychromatic.Functions() category: Compute, IoT image/svg+xml Icon-compute-29 Icon-databases-130 public:true sdk:MsPortalFx.Base.Images.Polychromatic.Database(); MsPortalFx.Base.Images.Polychromatic.SqlDatabase() category: Databases image/svg+xml Icon-databases-130 Icon-databases-122 public:true sdk:MsPortalFx.Base.Images.Polychromatic.ClearDBDatabase() category: Databases image/svg+xml Icon-databases-122 Icon-databases-131 public:true sdk:false category: Databases image/svg+xml Icon-databases-131 Icon-databases-121 public:true sdk:false category: Databases image/svg+xml Icon-databases-121 MsPortalFx.base.images-7 public:true sdk: MsPortalFx.base.images.Polychromatic.BlobBlock() category: General image/svg+xml MsPortalFx.base.images-7 Icon-identity-221 public:true sdk:MsPortalFx.Base.Images.Polychromatic.ActiveDirectory() category: Identity image/svg+xml Icon-identity-221