이 문서에서는 Azure 개발자 CLI(azd)에 대한 전체 스택 배포 템플릿을 소개합니다. 이러한 템플릿을 사용하여 Azure에서 프런트 엔드 및 백 엔드 서비스를 사용하여 애플리케이션을 신속하게 배포합니다.
전체 스택 템플릿이란?
전체 스택 템플릿은 다음과 같습니다.
- 프런트 엔드: 사용자 연결 웹 애플리케이션(React, Angular, Vue, Blazor 등)
- 백 엔드: API 또는 서비스 계층(Node.js, ASP.NET Core, Python, Java, Go)
- 인프라: Azure 리소스를 프로비전하는 Bicep 또는 Terraform 파일
-
구성:
azure.yaml모든 항목을 함께 연결하는 파일
이 목록의 각 템플릿은 <
이러한 템플릿을 사용하는 방법
나열된 템플릿을 시작하려면 다음을 실행합니다.
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 | App Service에서 반응 | App Service의 Node.js | Azure Cosmos DB(MongoDB) | Bicep | - | todo-nodejs-mongo |
| React + Node.js + MongoDB(Container Apps) | Container Apps에서 반응 | Container Apps의 Node.js | Azure Cosmos DB(MongoDB) | Bicep | ✅ | todo-nodejs-mongo-aca |
| React + Node.js + MongoDB(Terraform) | App Service에서 반응 | App Service의 Node.js | Azure Cosmos DB(MongoDB) | Terraform (테라폼) | - | todo-nodejs-mongo-terraform |
| React + Node.js + MongoDB(Static Web Apps) | Static Web Apps에서 반응 | Azure Functions의 Node.js | Azure Cosmos DB(MongoDB) | Bicep | - | todo-nodejs-mongo-swa-func |
| React + Node.js + MongoDB(Kubernetes) | AKS에서 반응 | AKS에서 Node.js | Azure Cosmos DB(MongoDB) | Bicep | - | todo-nodejs-mongo-aks |
.NET 템플릿
| Template | 프런트 엔드 | 백 엔드 | 데이터베이스 | IaC | AVM | 저장소 |
|---|---|---|---|---|---|---|
| React + C# + SQL Database | App Service에서 반응 | App Service의 ASP.NET Core | Azure SQL 데이터베이스 | Bicep | - | todo-csharp-sql |
| React + C# + Cosmos DB | App Service에서 반응 | App Service의 ASP.NET Core | Azure Cosmos DB(NoSQL) | Bicep | - | todo-csharp-cosmos-sql |
| React + C# + SQL(Static Web Apps) | Static Web Apps에서 반응 | Azure Functions의 C# | Azure SQL 데이터베이스 | Bicep | - | todo-csharp-sql-swa-func |
Python 템플릿
| Template | 프런트 엔드 | 백 엔드 | 데이터베이스 | IaC | AVM | 저장소 |
|---|---|---|---|---|---|---|
| React + Python + MongoDB | App Service에서 반응 | App Service의 Python(Flask/FastAPI) | Azure Cosmos DB(MongoDB) | Bicep | - | todo-python-mongo |
| React + Python + MongoDB(Container Apps) | Container Apps에서 반응 | Container Apps의 Python | Azure Cosmos DB(MongoDB) | Bicep | ✅ | todo-python-mongo-aca |
| React + Python + MongoDB(Terraform) | App Service에서 반응 | App Service의 Python | Azure Cosmos DB(MongoDB) | Terraform (테라폼) | - | todo-python-mongo-terraform |
| React + Python + MongoDB(Static Web Apps) | Static Web Apps에서 반응 | Azure Functions의 Python | Azure Cosmos DB(MongoDB) | Bicep | - | todo-python-mongo-swa-func |
Java 템플릿
| Template | 프런트 엔드 | 백 엔드 | 데이터베이스 | IaC | AVM | 저장소 |
|---|---|---|---|---|---|---|
| React + Java + MongoDB | App Service에서 반응 | App Service의 Java(Spring Boot) | Azure Cosmos DB(MongoDB) | Bicep | - | todo-java-mongo |
| React + Java + MongoDB(Container Apps) | Container Apps에서 반응 | 컨테이너 앱의 Java | Azure Cosmos DB(MongoDB) | Bicep | ✅ | todo-java-mongo-aca |
템플릿 기여
기여하려는 전체 스택 템플릿이 있는 경우 Azure 샘플 기여 가이드를 참조하세요.
템플릿은 다음을 수행해야 합니다.
- 프런트 엔드 및 백 엔드 서비스 모두 포함
- 가능한 경우 Azure 확인된 모듈 사용
- azd 템플릿 구조를 따릅니다.
- 설치 지침과 함께 포괄적인 추가 정보 포함
- Awesome AZD 갤러리에 나열