Diagrama de app web de 3 capas en Azure
En corto: El patrón de 3 capas separa una app web en presentación, aplicación (lógica) y datos. Esta plantilla las dispone sobre Azure — front end en App Service, una capa de API/lógica, y Azure SQL Database — con Key Vault, Application Insights y almacenamiento. Gratis y editable en Calma Studio, con export a Bicep, Terraform o ARM. Abrir esta plantilla →
Qué muestra. Una capa de presentación (App Service o un front end estático), una capa de aplicación que sirve la lógica de negocio (App Service / API), y una capa de datos (Azure SQL Database), con servicios transversales — Key Vault para secretos, Application Insights para telemetría, y una cuenta de Storage.

Componentes clave
| Capa / componente | Papel |
|---|---|
| Presentación (App Service / front end) | Sirve la UI a los usuarios |
| Aplicación (App Service / API) | Lógica de negocio y APIs |
| Datos (Azure SQL Database) | Datos relacionales persistentes |
| Key Vault | Cadenas de conexión y secretos |
| Application Insights | Telemetría de la aplicación |
| Cuenta de Storage | Ficheros, blobs, activos estáticos |
Cuándo usarlo. Una aplicación web con separación clara entre UI, lógica y datos — la forma más común de las apps de negocio. Para la versión mínima sin capa de lógica separada, ver el patrón App Service + SQL.
Hazla tuya. Ábrela en Studio, cambia tus servicios, fija regiones y tags, y exporta a código.
Abrir la plantilla de 3 capas — gratis →
Preguntas frecuentes
- ¿Cuáles son las tres capas? Presentación (UI), aplicación (lógica/APIs) y datos (base de datos).
- ¿3 capas vs App Service + SQL? 3 capas añade una capa de lógica distinta entre UI y datos; App Service + SQL es la versión mínima de dos capas.
- ¿Puedo exportarla a IaC? Sí — Bicep, Terraform o ARM desde Studio.
- ¿Es gratis? Sí, gratis y editable, sin registro.
