Condividi tramite

Guida introduttiva: Eseguire la distribuzione in App contenitore di Azure con Visual Studio

App Azure Container consente di eseguire microservizi e applicazioni in contenitori in una piattaforma serverless. Con App contenitore si ottengono i vantaggi dell'esecuzione di contenitori senza dover configurare manualmente l'infrastruttura cloud e gli agenti di orchestrazione complessi dei contenitori.

In questa esercitazione si distribuisce un'applicazione in contenitori in App Azure Container usando Visual Studio Code.

Prerequisiti

Clonare il progetto

  1. Aprire una nuova finestra di Visual Studio Code.

  2. Selezionare F1 per aprire il riquadro comandi.

  3. Immettere Git: Clonare e premere INVIO.

  4. Immettere l'URL seguente per clonare il progetto di esempio:

    https://github.com/Azure-Samples/containerapps-albumapi-javascript.git

    Annotazioni

    Questa esercitazione usa un progetto JavaScript, ma i passaggi sono indipendenti dal linguaggio.

  5. Selezionare una cartella in cui clonare il progetto.

  6. Selezionare Apri per aprire il progetto in Visual Studio Code.

Accedere ad Azure

  1. Selezionare F1 per aprire il riquadro comandi.

  2. Selezionare Azure: Accedi e seguire le istruzioni per l'autenticazione.

  3. Dopo l'accesso, tornare a Visual Studio Code.

Creare e distribuire su Azure Container Apps

L'estensione App Azure Container per Visual Studio Code consente di scegliere una risorsa app contenitore esistente o crearne di nuove per distribuire le applicazioni. In questo scenario si creano un nuovo ambiente dell'app contenitore e un'app contenitore per ospitare l'applicazione. Dopo aver installato l'estensione App contenitore, è possibile accedere alle relative funzionalità nel pannello di controllo di Azure in Visual Studio Code.

  1. Selezionare F1 per aprire il riquadro comandi ed eseguire il comando App contenitore di Azure: Distribuisci progetto dall'area di lavoro .

  2. Immettere i valori seguenti come richiesto dall'estensione.

    Rapido Value
    Seleziona sottoscrizione Selezionare la sottoscrizione di Azure da usare.
    Selezionare un ambiente di app contenitore Selezionare Crea nuovo ambiente di app contenitore. Questa domanda viene posta solo se ci sono ambienti di applicazioni di Container esistenti.
    Immettere un nome per le nuove risorse dell'app contenitore Immettere my-container-app.
    Selezionare una località Selezionare un'area di Azure vicina.
    Vuoi salvare la configurazione della distribuzione? Seleziona Salva.

    Viene aperto il pannello del log attività di Azure e viene visualizzato lo stato di avanzamento della distribuzione. Il completamento di questo processo potrebbe richiedere alcuni minuti.

  3. Al termine del processo, Visual Studio Code visualizza una notifica. Selezionare Sfoglia per aprire l'app distribuita in un browser.

    Nella barra dei percorsi del browser aggiungere il /albums percorso alla fine dell'URL dell'app per visualizzare i dati da una richiesta API di esempio.

Congratulazioni! La prima app contenitore è stata creata e distribuita correttamente con Visual Studio Code.

Pulire le risorse

Se non si prevede di usare questa applicazione, è possibile eliminare l'istanza di App Azure Container e tutti i servizi associati contemporaneamente rimuovendo il gruppo di risorse.

Per rimuovere le risorse create, seguire questa procedura nel portale di Azure:

  1. Selezionare il gruppo di risorse my-container-app nella sezione Panoramica .
  2. Selezionare il pulsante Elimina gruppo di risorse nella parte superiore della pagina di Panoramica del gruppo di risorse.
  3. Immettere il nome del gruppo di risorse my-container-app nella finestra di dialogo di conferma Sei sicuro di voler eliminare "my-container-app"?
  4. Selezionare Elimina. Il completamento del processo di eliminazione del gruppo di risorse potrebbe richiedere alcuni minuti.

Suggerimento

Problemi? Fatecelo sapere su GitHub aprendo un problema nel repository di Azure Container Apps.

Passaggi successivi

Ambienti nelle App contenitore di Azure

  • Last updated on