Partilhar via

Templates de deployment full-stack para Azure Developer CLI

Este artigo apresenta templates de implementação full-stack para Azure Developer CLI (azd). Use estes modelos para implementar rapidamente aplicações com serviços front-end e back-end no Azure.

O que são templates full-stack?

Os modelos full-stack incluem:

  • Front-end: Uma aplicação web voltada para o utilizador (React, Angular, Vue, Blazor, entre outras)
  • Back-end: Uma API ou camada de serviço (Node.js, ASP.NET Core, Python, Java, Go)
  • Infraestrutura: ficheiros Bicep ou Terraform para provisionar recursos Azure
  • Configuração: Um azure.yaml ficheiro que liga tudo

Cada modelo nesta lista funciona com azd comandos como azd init, azd up, e azd deploy.

Como usar estes modelos

Para começar com qualquer um dos modelos listados, execute:

azd init --template <template-repo-name>
azd up

Por exemplo, para usar o modelo React + Node.js + MongoDB:

azd init --template todo-nodejs-mongo
azd up

Modelos JavaScript/TypeScript

Template Front-end Back end Base de dados IAC AVM Repositório
React + Node.js + MongoDB React on App Service Node.js no App Service Azure Cosmos DB (MongoDB) Bíceps - todo-nodejs-mongo
React + Node.js + MongoDB (Aplicações Container) React nas Aplicações Container Node.js sobre Aplicações de Contentores Azure Cosmos DB (MongoDB) Bíceps ✅ todo-nodejs-mongo-aca
React + Node.js + MongoDB (Terraform) React on App Service Node.js no App Service Azure Cosmos DB (MongoDB) Terraform - todo-nodejs-mongo-terraform
React + Node.js + MongoDB (Aplicações Web Estáticas) React em Aplicações Web Estáticas Node.js sobre Azure Functions Azure Cosmos DB (MongoDB) Bíceps - todo-nodejs-mongo-swa-func
React + Node.js + MongoDB (Kubernetes) Reagir no AKS Node.js no AKS Azure Cosmos DB (MongoDB) Bíceps - todo-nodejs-mongo-aks

Modelos .NET

Template Front-end Back end Base de dados IAC AVM Repositório
React + C# + Base de Dados SQL React on App Service ASP.NET Core no App Service Base de Dados SQL do Azure Bíceps - todo-csharp-sql
React + C# + Cosmos DB React on App Service ASP.NET Core no App Service Azure Cosmos DB (NoSQL) Bíceps - todo-csharp-cosmos-sql
React + C# + SQL (Aplicações Web Estáticas) React em Aplicações Web Estáticas C# on Azure Functions Base de Dados SQL do Azure Bíceps - todo-csharp-sql-swa-func

Modelos Python

Template Front-end Back end Base de dados IAC AVM Repositório
React + Python + MongoDB React on App Service Python (Flask/FastAPI) no App Service Azure Cosmos DB (MongoDB) Bíceps - todo-python-mongo
React + Python + MongoDB (Aplicações de Contentores) React nas Aplicações Container Python em Aplicações de Contentores Azure Cosmos DB (MongoDB) Bíceps ✅ todo-python-mongo-aca
React + Python + MongoDB (Terraform) React on App Service Python no Serviço de Aplicações Azure Cosmos DB (MongoDB) Terraform - todo-python-mongo-terraform
React + Python + MongoDB (Aplicações Web Estáticas) React em Aplicações Web Estáticas Python em Azure Functions Azure Cosmos DB (MongoDB) Bíceps - todo-python-mongo-swa-func

Modelos Java

Template Front-end Back end Base de dados IAC AVM Repositório
React + Java + MongoDB React on App Service Java (Spring Boot) no Serviço de Aplicações Azure Cosmos DB (MongoDB) Bíceps - todo-java-mongo
React + Java + MongoDB (Aplicações de Contentores) React nas Aplicações Container Java em Aplicações de Contentores Azure Cosmos DB (MongoDB) Bíceps ✅ todo-java-mongo-aca

Modelos de contribuição

Se tiver um modelo full-stack que gostaria de contribuir, consulte o guia de contribuições Azure Samples.

O seu modelo deve:

  • Incluir serviços tanto front-end como back-end
  • Use Módulos Verificados Azure sempre que possível
  • Segue a estrutura do modelo azd
  • Inclua um README completo com instruções de configuração
  • Ser listado na galeria Awesome AZD

Próximos passos

  • Last updated on