Esercizio - Creare risorse di Azure per ospitare un'app scheda Teams

  • 8 minuti

In questo esercizio si creerà e si eseguirà il provisioning di un'app per le schede di Teams usando Teams Toolkit per Visual Studio Code. In un esercizio successivo si configurerà l'app per l'hosting in Azure.

Nota

Gli esercizi in questo modulo di training usano Teams Toolkit v5.0.0. I passaggi seguenti iniziano con l'estensione Teams Toolkit installata.

Creare una nuova app per le schede

  1. Nella barra attività di Visual Studio Code selezionare l'icona di Microsoft Teams .

  2. Nel pannello Teams Toolkit selezionare il pulsante Crea una nuova app .

  3. Nelle opzioni selezionare Tab.

    Screenshot dell'opzione Teams Toolkit per la scheda dell'app.

  4. Selezionare quindi React con l'interfaccia utente di Fluent.

    Screenshot del modello di app Teams Toolkit con la scheda selezionata.

  5. Nelle opzioni per il linguaggio di programmazione selezionare JavaScript.

  6. Selezionare un percorso per la cartella del progetto dell'app della scheda e tutti i relativi file.

  7. Per il nome dell'applicazione immettere hello-tab e selezionare INVIO.

    Inizia lo scaffolding del progetto. Quando il progetto viene sottoposto a scaffolding, viene aperta una nuova finestra di Visual Studio Code con il nuovo progetto caricato.

    Screenshot del nuovo progetto di scheda di Teams Toolkit dopo lo scaffolding.

  8. In Visual Studio Code selezionare Esegui>avvia debug o selezionare il tasto F5 per avviare la sessione di debug.

    Visual Studio Code compila e avvia l'applicazione. Eseguire la sessione di debug prima di iniziare a effettuare il provisioning di tutte le risorse di Azure.

  9. Quando l'app viene testata correttamente, interrompere l'esecuzione dell'app in locale.

    Per terminare la sessione di debug e interrompere l'esecuzione dell'app, è possibile chiudere il browser, selezionare Esegui>interrompi debug o maiusc+F5.

Accedere ad Azure in Teams Toolkit

Quindi, nel pannello Teams Toolkit accedere ad Azure.

  1. Nella barra delle attività selezionare l'icona di Microsoft Teams .

  2. Nel pannello Teams Toolkit, in Account, selezionare Accedi ad Azure.

    Screenshot del pannello Teams Toolkit con il pulsante per accedere ad Azure.

  3. Nella finestra di dialogo visualizzata selezionare Accedi.

    Screenshot di una finestra di dialogo per confermare l'accesso ad Azure.

Effettuare il provisioning delle risorse

Ora è possibile effettuare il provisioning delle risorse necessarie per l'app per le schede di Teams.

  1. Nel pannello Teams Toolkit, in Ciclo di vita, selezionare Provisioning.

    Screenshot che evidenzia il provisioning nell'opzione cloud nella sezione distribuzione.

  2. Successivamente, è necessario selezionare un gruppo di risorse in cui è possibile effettuare il provisioning delle risorse. Creare un nuovo gruppo di risorse selezionando l'opzione Nuovo gruppo di risorse nel menu Seleziona un gruppo di risorse .

    Screenshot che mostra come creare un nuovo gruppo di risorse.

  3. Lo strumento suggerisce automaticamente il nome del gruppo di risorse, ad esempio rg-hello-tab0989fd-dev. Selezionare INVIO.

  4. Selezionare quindi la posizione Stati Uniti orientali per il nuovo gruppo di risorse e selezionare Invio.

  5. In una finestra di dialogo per confermare la selezione selezionare Provisioning.

    Screenshot della finestra di dialogo per confermare il provisioning.

    Il provisioning inizia per tutte le risorse necessarie per ospitare l'app scheda Teams in Azure. Il provisioning potrebbe richiedere del tempo.

È stato eseguito il provisioning di tutte le risorse necessarie per ospitare l'applicazione scheda Teams.

Successivamente, si distribuirà il codice sorgente dell'app in queste risorse.