本文介绍适用于 Azure 开发人员 CLI(azd)的全堆栈部署模板。 使用这些模板在 Azure 上使用前端和后端服务快速部署应用程序。
什么是全堆栈模板?
完整堆栈模板包括:
- 前端:面向用户的 Web 应用程序(React、Angular、Vue、Blazor 等)
- 后端:API 或服务层(Node.js、ASP.NET Core、Python、Java、Go)
- 基础结构:用于预配 Azure 资源的 Bicep 或 Terraform 文件
-
配置:将所有内容关联在一
azure.yaml起的文件
此列表中的每个模板都适用于 azd 命令,例如 azd init, azd up和 azd deploy。
如何使用这些模板
若要开始使用列出的任何模板,请运行:
azd init --template <template-repo-name>
azd up
例如,若要使用 React + Node.js + MongoDB 模板:
azd init --template todo-nodejs-mongo
azd up
JavaScript/TypeScript 模板
| Template | 前端 | 后端 | 数据库 | IaC | Avm | 资料库 |
|---|---|---|---|---|---|---|
| React + Node.js + MongoDB | 应用服务上的 React | 应用服务上的 Node.js | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo |
| React + Node.js + MongoDB (容器应用) | 容器应用上的 React | 容器应用的 Node.js | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-nodejs-mongo-aca |
| React + Node.js + MongoDB (Terraform) | 应用服务上的 React | 应用服务上的 Node.js | Azure Cosmos DB (MongoDB) | Terraform | - | todo-nodejs-mongo-terraform |
| React + Node.js + MongoDB (静态 Web 应用) | 静态 Web 应用上的 React | Azure Functions 上的 Node.js | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo-swa-func |
| React + Node.js + MongoDB (Kubernetes) | AKS 上的 React | AKS 上的 Node.js | Azure Cosmos DB (MongoDB) | Bicep | - | todo-nodejs-mongo-aks |
.NET 模板
| Template | 前端 | 后端 | 数据库 | IaC | Avm | 资料库 |
|---|---|---|---|---|---|---|
| React + C# + SQL 数据库 | 应用服务上的 React | 应用服务上的 ASP.NET Core | Azure SQL 数据库 | Bicep | - | todo-csharp-sql |
| React + C# + Cosmos DB | 应用服务上的 React | 应用服务上的 ASP.NET Core | Azure Cosmos DB (NoSQL) | Bicep | - | todo-csharp-cosmos-sql |
| React + C# + SQL (静态 Web 应用) | 静态 Web 应用上的 React | Azure Functions 上的 C# | Azure SQL 数据库 | Bicep | - | todo-csharp-sql-swa-func |
Python 模板
| Template | 前端 | 后端 | 数据库 | IaC | Avm | 资料库 |
|---|---|---|---|---|---|---|
| React + Python + MongoDB | 应用服务上的 React | 应用服务上的 Python (Flask/FastAPI) | Azure Cosmos DB (MongoDB) | Bicep | - | todo-python-mongo |
| React + Python + MongoDB (容器应用) | 容器应用上的 React | 容器应用上的 Python | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-python-mongo-aca |
| React + Python + MongoDB (Terraform) | 应用服务上的 React | 应用服务上的 Python | Azure Cosmos DB (MongoDB) | Terraform | - | todo-python-mongo-terraform |
| React + Python + MongoDB (静态 Web 应用) | 静态 Web 应用上的 React | Azure Functions 上的 Python | Azure Cosmos DB (MongoDB) | Bicep | - | todo-python-mongo-swa-func |
Java 模板
| Template | 前端 | 后端 | 数据库 | IaC | Avm | 资料库 |
|---|---|---|---|---|---|---|
| React + Java + MongoDB | 应用服务上的 React | 应用服务上的 Java (Spring Boot) | Azure Cosmos DB (MongoDB) | Bicep | - | todo-java-mongo |
| React + Java + MongoDB (容器应用) | 容器应用上的 React | 容器应用上的 Java | Azure Cosmos DB (MongoDB) | Bicep | ✅ | todo-java-mongo-aca |
参与模板
如果具有要参与的全堆栈模板,请参阅 Azure 示例贡献指南。
模板应: