Nota
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
En este artículo se presentan plantillas de implementación de pila completa para la CLI para desarrolladores de Azure (azd). Use estas plantillas para implementar rápidamente aplicaciones con servicios front-end y back-end en Azure.
¿Qué son las plantillas de pila completa?
Las plantillas de pila completa incluyen:
- Front-end: una aplicación web orientada al usuario (React, Angular, Vue, Blazor, etc.)
- Back-end: una API o capa de servicio (Node.js, ASP.NET Core, Python, Java, Go)
- Infraestructura: archivos de Bicep o Terraform para aprovisionar recursos de Azure
-
Configuración: un
azure.yamlarchivo que vincula todo juntos
Cada plantilla de esta lista funciona con azd comandos como azd init, azd upy azd deploy.
Cómo usar estas plantillas
Para empezar a trabajar con cualquiera de las plantillas enumeradas, ejecute:
azd init --template <template-repo-name>
azd up
Por ejemplo, para usar la plantilla React + Node.js + MongoDB:
azd init --template todo-nodejs-mongo
azd up
Plantillas de JavaScript/TypeScript
| Template | Front-end | Back-end | Base de datos | IaC | AVM | Repositorio |
|---|---|---|---|---|---|---|
| React + Node.js + MongoDB | React en App Service | Node.js en App Service | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-nodejs-mongo |
| React + Node.js + MongoDB (Container Apps) | React en aplicaciones de contenedor | Node.js en Container Apps | Azure Cosmos DB (MongoDB) | Bíceps | ✅ | todo-nodejs-mongo-aca |
| React + Node.js + MongoDB (Terraform) | React en App Service | Node.js en App Service | Azure Cosmos DB (MongoDB) | Terraform | - | todo-nodejs-mongo-terraform |
| React + Node.js + MongoDB (Static Web Apps) | React en Static Web Apps | Node.js en Azure Functions | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-nodejs-mongo-swa-func |
| React + Node.js + MongoDB (Kubernetes) | React en AKS | Node.js en AKS | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-nodejs-mongo-aks |
Plantillas de .NET
| Template | Front-end | Back-end | Base de datos | IaC | AVM | Repositorio |
|---|---|---|---|---|---|---|
| React + C# + SQL Database | React en App Service | ASP.NET Core en App Service | Azure SQL Database | Bíceps | - | todo-csharp-sql |
| React + C# + Cosmos DB | React en App Service | ASP.NET Core en App Service | Azure Cosmos DB (NoSQL) | Bíceps | - | todo-csharp-cosmos-sql |
| React + C# + SQL (Static Web Apps) | React en Static Web Apps | C# en Azure Functions | Azure SQL Database | Bíceps | - | todo-csharp-sql-swa-func |
Plantillas de Python
| Template | Front-end | Back-end | Base de datos | IaC | AVM | Repositorio |
|---|---|---|---|---|---|---|
| React + Python + MongoDB | React en App Service | Python (Flask/FastAPI) en App Service | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-python-mongo |
| React + Python + MongoDB (Container Apps) | React en aplicaciones de contenedor | Python en Container Apps | Azure Cosmos DB (MongoDB) | Bíceps | ✅ | todo-python-mongo-aca |
| React + Python + MongoDB (Terraform) | React en App Service | Python en App Service | Azure Cosmos DB (MongoDB) | Terraform | - | todo-python-mongo-terraform |
| React + Python + MongoDB (Static Web Apps) | React en Static Web Apps | Python en Azure Functions | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-python-mongo-swa-func |
Plantillas de Java
| Template | Front-end | Back-end | Base de datos | IaC | AVM | Repositorio |
|---|---|---|---|---|---|---|
| React + Java + MongoDB | React en App Service | Java (Spring Boot) en App Service | Azure Cosmos DB (MongoDB) | Bíceps | - | todo-java-mongo |
| React + Java + MongoDB (Container Apps) | React en aplicaciones de contenedor | Java en Container Apps | Azure Cosmos DB (MongoDB) | Bíceps | ✅ | todo-java-mongo-aca |
Plantillas de contribución
Si tiene una plantilla de pila completa que le gustaría contribuir, consulte la guía de contribución de ejemplos de Azure.
La plantilla debe:
- Incluir servicios front-end y back-end
- Uso de módulos comprobados de Azure siempre que sea posible
- Siga la estructura de la plantilla azd.
- Incluir un ARCHIVO LÉAME completo con instrucciones de configuración
- Se muestra en la galería de Awesome AZD .
Pasos siguientes
- Implementación de pila completa con la CLI para desarrolladores de Azure
- Introducción a las plantillas de la CLI para desarrolladores de Azure
- Implementación en Azure Container Apps mediante la CLI para desarrolladores de Azure
- Exploración del flujo de trabajo azd up
- Examinar todas las plantillas en Awesome AZD