本文介紹 Azure Developer CLI （azd） 的全端部署範本。 利用這些範本快速部署包含前後端服務的 Azure 應用程式。
什麼是全端範本？
全端範本包括：
- 前端：面向使用者的網頁應用程式（React、Angular、Vue、Blazor 等）
- 後端：API 或服務層（Node.js、ASP.NET Core、Python、Java、Go）
- 基礎架構：用 Bicep 或 Terraform 檔案來配置 Azure 資源
-
配置：一個
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 on App Service | Node.js App Service | Azure Cosmos DB （MongoDB） | 二頭肌 | - | todo-nodejs-mongo |
| React + Node.js + MongoDB（容器應用程式） | 容器應用程式上的 React | Node.js 容器應用程式 | Azure Cosmos DB （MongoDB） | 二頭肌 | ✅ | Todo-nodejs-mongo-aca |
| React + Node.js + MongoDB（Terraform） | React on App Service | Node.js App Service | Azure Cosmos DB （MongoDB） | Terraform | - | Todo-Nodejs-Mongo-Terraform |
| React + Node.js + MongoDB（靜態網頁應用程式） | 靜態網頁應用程式上的 React | Node.js on Azure Functions | Azure Cosmos DB （MongoDB） | 二頭肌 | - | Todo-nodejs-mongo-swa-func |
| React + Node.js + MongoDB（Kubernetes） | 對AKS的反應 | Node.js AKS | Azure Cosmos DB （MongoDB） | 二頭肌 | - | Todo-nodejs-mongo-aks |
.NET 範本
| Template | 前端 | 後端 | 資料庫 | IaC | AVM | 存儲庫 |
|---|---|---|---|---|---|---|
| React + C# + SQL 資料庫 | React on App Service | ASP.NET Core 於 App Service | Azure SQL Database | 二頭肌 | - | Todo-csharp-sql |
| React + C# + Cosmos 資料庫 | React on App Service | ASP.NET Core 於 App Service | Azure Cosmos DB （NoSQL） | 二頭肌 | - | Todo-csharp-cosmos-sql |
| React + C# + SQL（靜態網頁應用） | 靜態網頁應用程式上的 React | C# on Azure 函數 | Azure SQL Database | 二頭肌 | - | Todo-chard-sql-swa-func |
Python 範本
| Template | 前端 | 後端 | 資料庫 | IaC | AVM | 存儲庫 |
|---|---|---|---|---|---|---|
| React + Python + MongoDB | React on App Service | Python （Flask/FastAPI） 在 App Service 上 | Azure Cosmos DB （MongoDB） | 二頭肌 | - | 多多-派森-蒙哥 |
| React + Python + MongoDB （Container Apps） | 容器應用程式上的 React | Python 在容器應用程式上的應用 | Azure Cosmos DB （MongoDB） | 二頭肌 | ✅ | Todo-Python-Mongo-ACA |
| React + Python + MongoDB（Terraform） | React on App Service | Python 在 App Service 上 | Azure Cosmos DB （MongoDB） | Terraform | - | Todo-Python-Mongo-Terraform |
| React + Python + MongoDB（靜態網頁應用程式） | 靜態網頁應用程式上的 React | Python on Azure Functions | Azure Cosmos DB （MongoDB） | 二頭肌 | - | Todo-python-mongo-swa-func |
Java 範本
| Template | 前端 | 後端 | 資料庫 | IaC | AVM | 存儲庫 |
|---|---|---|---|---|---|---|
| React + Java + MongoDB | React on App Service | Java（Spring Boot）在 App Service 上 | Azure Cosmos DB （MongoDB） | 二頭肌 | - | 多多-爪哇-蒙古 |
| React + Java + MongoDB（容器應用） | 容器應用程式上的 React | 容器應用程式上的 Java | Azure Cosmos DB （MongoDB） | 二頭肌 | ✅ | Todo-java-mongo-aca |
貢獻範本
如果你有想要貢獻的全端範本，請參考 Azure Samples 貢獻指南。
你的範本應該：
- 包含前端與後端服務
- 盡可能使用 Azure Verified Modules
- 遵循 azd 模板結構
- 附上完整的 README 及設定說明
- 請列入 Awesome AZD 畫廊