Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
Cet article présente les modèles de déploiement de pile complète pour Azure Developer CLI (azd). Utilisez ces modèles pour déployer rapidement des applications avec des services frontaux et principaux sur Azure.
Qu’est-ce que les modèles de pile complète ?
Les modèles de pile complète sont les suivants :
- Front-end : application web orientée utilisateur (React, Angular, Vue, Blazor, et ainsi de suite)
- Back-end : api ou couche de service (Node.js, ASP.NET Core, Python, Java, Go)
- Infrastructure : Fichiers Bicep ou Terraform pour approvisionner des ressources Azure
-
Configuration : fichier
azure.yamlqui lie tout ensemble
Chaque modèle de cette liste fonctionne avec azd des commandes telles que azd init, azd upet azd deploy.
Comment utiliser ces modèles
Pour commencer à utiliser l’un des modèles répertoriés, exécutez :
azd init --template <template-repo-name>
azd up
Par exemple, pour utiliser le modèle React + Node.js + MongoDB :
azd init --template todo-nodejs-mongo
azd up
Modèles JavaScript/TypeScript
| Template | Front-end | Back-end | Base de données | IaC | AVM | Référentiel |
|---|---|---|---|---|---|---|
| React + Node.js + MongoDB | React sur App Service | Node.js sur App Service | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo |
| React + Node.js + MongoDB (Container Apps) | React sur Container Apps | Node.js sur Container Apps | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-nodejs-mongo-aca |
| React + Node.js + MongoDB (Terraform) | React sur App Service | Node.js sur App Service | Azure Cosmos DB (MongoDB) | Terraform | - | todo-nodejs-mongo-terraform |
| React + Node.js + MongoDB (Static Web Apps) | React sur Static Web Apps | Node.js sur Azure Functions | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo-swa-func |
| React + Node.js + MongoDB (Kubernetes) | React sur AKS | Node.js sur AKS | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo-aks |
Modèles .NET
| Template | Front-end | Back-end | Base de données | IaC | AVM | Référentiel |
|---|---|---|---|---|---|---|
| React + C# + SQL Database | React sur App Service | ASP.NET Core sur App Service | Azure SQL Database | Bicep | - | todo-csharp-sql |
| React + C# + Cosmos DB | React sur App Service | ASP.NET Core sur App Service | Azure Cosmos DB (NoSQL) | Bicep | - | todo-csharp-cosmos-sql |
| React + C# + SQL (Static Web Apps) | React sur Static Web Apps | C# sur Azure Functions | Azure SQL Database | Bicep | - | todo-csharp-sql-swa-func |
Modèles Python
| Template | Front-end | Back-end | Base de données | IaC | AVM | Référentiel |
|---|---|---|---|---|---|---|
| React + Python + MongoDB | React sur App Service | Python (Flask/FastAPI) sur App Service | Azure Cosmos DB (MongoDB) | Bicep | - | todo-python-mongo |
| React + Python + MongoDB (Container Apps) | React sur Container Apps | Python sur Container Apps | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-python-mongo-aca |
| React + Python + MongoDB (Terraform) | React sur App Service | Python sur App Service | Azure Cosmos DB (MongoDB) | Terraform | - | todo-python-mongo-terraform |
| React + Python + MongoDB (Static Web Apps) | React sur Static Web Apps | Python sur Azure Functions | Azure Cosmos DB (MongoDB) | Bicep | - | todo-python-mongo-swa-func |
Modèles Java
| Template | Front-end | Back-end | Base de données | IaC | AVM | Référentiel |
|---|---|---|---|---|---|---|
| React + Java + MongoDB | React sur App Service | Java (Spring Boot) sur App Service | Azure Cosmos DB (MongoDB) | Bicep | - | todo-java-mongo |
| React + Java + MongoDB (Container Apps) | React sur Container Apps | Java sur Container Apps | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-java-mongo-aca |
Modèles de contribution
Si vous avez un modèle de pile complète que vous souhaitez contribuer, consultez le guide de contribution d’Exemples Azure.
Votre modèle doit :
- Inclure les services frontaux et back-end
- Utiliser des modules vérifiés Azure lorsque cela est possible
- Suivez la structure du modèle azd
- Inclure un fichier README complet avec des instructions de configuration
- Être répertorié dans la galerie Awesome AZD