Exercício – Criar recursos do Azure para alojar uma aplicação de separador do Teams

  • 8 minutos

Neste exercício, primeiro irá criar e aprovisionar uma aplicação de separador do Teams com o Teams Toolkit para Visual Studio Code. Num exercício posterior, irá configurar a aplicação para ser alojada no Azure.

Observação

Os exercícios neste módulo de formação utilizam o Teams Toolkit v5.0.0. Os passos seguintes começam com a extensão do Teams Toolkit instalada.

Criar uma nova aplicação de separador

  1. No Visual Studio Code, na Barra de Atividade, selecione o ícone do Microsoft Teams.

  2. No painel Toolkit do Teams, selecione o botão Criar uma Nova Aplicação .

  3. Nas opções, selecione Tabulação.

    Captura de ecrã a mostrar a opção Teams Toolkit para a aplicação de tabulação.

  4. Em seguida, selecione React com a IU Fluent.

    Captura de ecrã a mostrar o modelo da aplicação Teams Toolkit com o separador selecionado.

  5. Nas opções da linguagem de programação, selecione JavaScript.

  6. Selecione uma localização para a pasta do projeto da aplicação de separador e todos os respetivos ficheiros.

  7. Para o nome da aplicação, introduza hello-tab e selecione Enter.

    Começa a estrutura do projeto. Quando o projeto está estruturado, é aberta uma nova janela de Visual Studio Code com o novo projeto carregado.

    Captura de ecrã a mostrar o novo projeto de separador do Teams Toolkit depois de estar estruturado.

  8. No Visual Studio Code, selecione Executar>Iniciar depuração ou selecione a tecla F5 para iniciar a sessão de depuração.

    Visual Studio Code cria e inicia a aplicação. Execute a sessão de depuração antes de começar a aprovisionar os recursos do Azure.

  9. Quando a aplicação for testada com êxito, pare de executar a aplicação localmente.

    Para terminar a sessão de depuração e parar de executar a aplicação, pode fechar o browser, selecionar Executar>Parar Depuração ou selecionar Shift+F5.

Iniciar sessão no Azure no Teams Toolkit

Em seguida, no painel Toolkit do Teams, inicie sessão no Azure.

  1. Na Barra de Atividade, selecione o ícone do Microsoft Teams .

  2. No painel Toolkit do Teams, em Contas, selecione Iniciar sessão no Azure.

    Captura de ecrã do painel Teams Toolkit com o botão para iniciar sessão no Azure.

  3. Na caixa de diálogo apresentada, selecione Iniciar sessão.

    Captura de ecrã de uma caixa de diálogo para confirmar o início de sessão no Azure.

Aprovisionar os recursos

Agora pode aprovisionar os recursos de que a sua aplicação de separador do Teams precisa.

  1. No painel Toolkit do Teams, em Ciclo de Vida, selecione Aprovisionar.

    Captura de ecrã que realça a opção aprovisionar na cloud na secção de implementação.

  2. Em seguida, tem de selecionar um grupo de recursos onde possa aprovisionar os recursos. Crie um novo grupo de recursos ao selecionar a opção Novo grupo de recursos no menu Selecionar um grupo de recursos .

    Captura de ecrã que mostra como criar um novo grupo de recursos.

  3. A ferramenta sugere automaticamente o nome do grupo de recursos, como rg-hello-tab0989fd-dev. Selecione Enter.

  4. Em seguida, selecione a localização E.U.A. Leste para o novo grupo de recursos e selecione Enter.

  5. Numa caixa de diálogo para confirmar a sua seleção, selecione Aprovisionar.

    Captura de ecrã da caixa de diálogo para confirmar o aprovisionamento.

    O aprovisionamento começa para todos os recursos necessários para alojar a aplicação de separador Teams no Azure. O aprovisionamento pode demorar algum tempo.

Aprovisionou com êxito todos os recursos necessários para alojar a aplicação de separador Teams.

Em seguida, irá implementar o código fonte da sua aplicação nestes recursos.