Condividi tramite

Modelli di distribuzione full-stack per l'interfaccia della riga di comando per sviluppatori di Azure

Questo articolo presenta i modelli di distribuzione full-stack per l'interfaccia della riga di comando per sviluppatori di Azure (azd). Usare questi modelli per distribuire rapidamente le applicazioni con servizi front-end e back-end in Azure.

Che cosa sono i modelli full-stack?

I modelli full-stack includono:

  • Front-end: applicazione Web rivolta all'utente (React, Angular, Vue, Blazor e così via)
  • Back-end: un'API o un livello di servizio (Node.js, ASP.NET Core, Python, Java, Go)
  • Infrastruttura: file Bicep o Terraform per effettuare il provisioning delle risorse di Azure
  • Configurazione: un azure.yaml file che collega tutti gli elementi

Ogni modello in questo elenco funziona con azd comandi come azd init, azd upe azd deploy.

Come usare questi modelli

Per iniziare a usare uno dei modelli elencati, eseguire:

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

Ad esempio, per usare il modello React + Node.js + MongoDB:

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

Modelli JavaScript/TypeScript

Template Front-end Back-end Banca dati IaC AVM Repository
React + Node.js + MongoDB React nel servizio app Node.js nel servizio app Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo
React + Node.js + MongoDB (app contenitore) React nelle app contenitore Node.js nelle app contenitore Azure Cosmos DB (MongoDB) Bicep ✅ todo-nodejs-mongo-aca
React + Node.js + MongoDB (Terraform) React nel servizio app Node.js nel servizio app Azure Cosmos DB (MongoDB) Terraform - todo-nodejs-mongo-terraform
React + Node.js + MongoDB (App Web statiche) React in app Web statiche Node.js in Funzioni di Azure Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo-swa-func
React + Node.js + MongoDB (Kubernetes) React nel servizio Azure Kubernetes Node.js nel servizio Azure Kubernetes Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo-aks

Modelli .NET

Template Front-end Back-end Banca dati IaC AVM Repository
React + C# + SQL Database React nel servizio app ASP.NET Core nel servizio app Database SQL di Microsoft Azure Bicep - todo-csharp-sql
React + C# + Cosmos DB React nel servizio app ASP.NET Core nel servizio app Azure Cosmos DB (NoSQL) Bicep - todo-csharp-cosmos-sql
React + C# + SQL (App Web statiche) React in app Web statiche C# in Funzioni di Azure Database SQL di Microsoft Azure Bicep - todo-csharp-sql-swa-func

Modelli Python

Template Front-end Back-end Banca dati IaC AVM Repository
React + Python + MongoDB React nel servizio app Python (Flask/FastAPI) nel servizio app Azure Cosmos DB (MongoDB) Bicep - todo-python-mongo
React + Python + MongoDB (app contenitore) React nelle app contenitore Python nelle app contenitore Azure Cosmos DB (MongoDB) Bicep ✅ todo-python-mongo-aca
React + Python + MongoDB (Terraform) React nel servizio app Python nel servizio app Azure Cosmos DB (MongoDB) Terraform - todo-python-mongo-terraform
React + Python + MongoDB (App Web statiche) React in app Web statiche Python in Funzioni di Azure Azure Cosmos DB (MongoDB) Bicep - todo-python-mongo-swa-func

Modelli Java

Template Front-end Back-end Banca dati IaC AVM Repository
React + Java + MongoDB React nel servizio app Java (Spring Boot) nel servizio app Azure Cosmos DB (MongoDB) Bicep - todo-java-mongo
React + Java + MongoDB (app contenitore) React nelle app contenitore Java nelle app contenitore Azure Cosmos DB (MongoDB) Bicep ✅ todo-java-mongo-aca

Modelli di collaborazione

Se si ha un modello di stack completo che si vuole contribuire, vedere la guida ai contributi di Esempi di Azure.

Il modello deve:

  • Includere sia i servizi front-end che i servizi back-end
  • Usare i moduli verificati di Azure quando possibile
  • Seguire la struttura del modello azd
  • Includere un file README completo con le istruzioni di configurazione
  • Essere elencato nella raccolta Awesome AZD

Passaggi successivi

  • Last updated on