Início Rápido: Comece com as ferramentas de desenvolvimento do Azure

Neste quickstart, utilizas as ferramentas principais do Azure para implementar uma aplicação de exemplo no Azure. No final, tem experiência prática com:

• Azure Developer CLI (azd) para criar estrutura e implementar uma aplicação de pilha completa
• Pacote de extensões Azure Tools for VS Code para navegar e gerir os seus recursos implementados
• GitHub Copilot para Azure para obter respostas assistidas por IA sobre os seus recursos Azure

Pré-requisitos

• Uma conta do Azure com uma assinatura ativa. Crie um gratuitamente.
• Uma subscrição do GitHub Copilot - exigida pelo GitHub Copilot para Azure
• Use a instalação local das ferramentas ou o VS Code baseado no navegador para a experiência Web. Para a instalação local, certifique-se de que tem:
  • Código do Visual Studio
  • Git - exigido pela CLI do Azure Developer para clonar o repositório de templates

Configurar as ferramentas

Pode optar por usar as ferramentas diretamente no navegador com o VS Code for the Web ou instalá-las localmente. A experiência baseada em navegador é a forma mais rápida de começar, enquanto a instalação local proporciona um ambiente de desenvolvimento local.

VS Code para a Web

O VS Code for the Web (vscode.dev/azure) oferece um ambiente VS Code baseado em browser, com CLIs e várias extensões pré-instaladas. Não é necessária instalação local.

1. Abre vscode.dev/azure no teu navegador.
2. Inicie sessão usando a sua conta Azure quando solicitado.
3. Algumas extensões do Azure já estão pré-instaladas. Para todas as ferramentas Azure, instala o pacote de extensões Azure Tools . Podes instalá-lo a partir da vista de Extensões no VS Code for the Web. Procura por "Azure Tools" e seleciona Instalar.

Agora tem acesso às extensões Azure Tools e ao GitHub Copilot para Azure diretamente no navegador.

Para mais informações sobre a utilização do VS Code for the Web para desenvolvimento Azure, consulte VS Code for the Web - Azure.

Instalar ferramentas localmente

Instale as seguintes ferramentas localmente para obter uma experiência completa de desenvolvimento na sua máquina.

1. O Azure Developer CLI (azd) é uma ferramenta de linha de comandos que simplifica o provisionamento e a implementação de aplicações para Azure. Siga os passos em Instalar a CLI Azure Developer para o seu sistema operativo.
2. O pacote de extensões Azure Tools inclui extensões para Azure App Service, Azure Functions, Azure Storage, Azure Databases e muito mais.
3. O GitHub Copilot para Azure estende o Copilot com conhecimentos específicos do Azure, para que possas colocar questões sobre os teus recursos Azure, obter orientações de implementação e resolver problemas.

Lançar uma aplicação de exemplo com o azd

Utilize o CLI do Azure Developer para implementar uma aplicação full-stack de tarefas no Azure. Esta etapa cria todos os recursos do Azure e implementa o código da aplicação.

1. Abra o terminal a partir da Paleta de Comandos via Terminal > Criar Novo Terminal.

2. No terminal, crie e altere para um novo diretório do seu projeto.

   mkdir my-todo-app && cd my-todo-app
   

3. Inicialize um projeto a partir de um template inicial. O todo-nodejs-mongo template é uma aplicação full-stack construída com Node.js, Express e MongoDB. O modelo inclui um modelo Azure Resource Manager (ARM) que define os recursos Azure necessários, como um Serviço de Aplicação para alojar a aplicação e uma conta Azure Cosmos DB para a base de dados.

   azd init --template todo-nodejs-mongo
   

   Quando solicitado, introduza um nome de ambiente como my-todo-dev. Use este nome como prefixo para os recursos Azure.

4. Iniciar sessão no Azure:

   azd auth login
   

5. Provisione recursos Azure e implemente a aplicação:

   azd up
   

   Quando solicitado, selecione uma subscrição e região.

   O comando azd up:

   • Cria um grupo de recursos com a infraestrutura definida no modelo.
   • Provisão dos serviços Azure necessários, como App Service e Azure Cosmos DB.
   • Implementa o código da aplicação.

   Este processo demora alguns minutos. Quando termina, o Azure Developer CLI mostra o URL da sua aplicação implementada.

6. Abra o URL no seu navegador para verificar se a aplicação está a correr. Vês uma aplicação de lista de tarefas onde podes adicionar e completar tarefas.

Para mais informações, consulte O que é a CLI do Azure Developer.

Navegue por recursos com o Azure Tools for VS Code

Agora use a extensão Azure Tools para explorar os recursos que o Azure Developer CLI criou.

1. Verifique se está autenticado na sua conta do Azure ao executar o seguinte comando no terminal:

   azd auth status
   

   Se o comando devolver os dados da sua conta, já tem sessão iniciada. Se não, inicie sessão através do VS Code:

   • Abra a Paleta de Comandos.
   • Escreva Azure: Iniciar sessão e selecione-o.
   • Conclua o processo de início de sessão no seu navegador.

2. Abra a vista Azure selecionando o ícone Azure na Barra de Atividades (barra lateral esquerda). Expanda Recursos para ver as suas subscrições Azure. Certifique-se de que a lista de recursos está agrupada por Grupo de Recursos selecionando o ícone Agrupar por no topo da vista de Recursos e escolhendo Grupo de Recursos. Expanda a sua subscrição e encontre o grupo de recursos criado pelo Azure Developer CLI. O nome do grupo de recursos começa com o nome do ambiente que escolheste ao executar azd init.

   

3. Explore os recursos implementados:

   • Expanda o grupo de recursos para ver o App Service, a conta do Cosmos DB e outros recursos.
   • Clique com o botão direito no recurso do Serviço de Aplicações e selecione Explorar Website para abrir a sua aplicação implementada.
   • Clique com o botão direito na conta do Cosmos DB e selecione Abrir no Portal para visualizar a base de dados no portal Azure.

4. Ver registos de candidaturas:

   • Clique com o botão direito no recurso do Serviço de Aplicações .
   • Selecione Iniciar Registos de Streaming para ver a saída de registos em direto da sua aplicação em execução.
   • Abra a sua aplicação to-do num navegador e adicione uma tarefa para ver as entradas de registo aparecerem.

Para mais informações, consulte o pacote de extensões Azure Tools.

Use GitHub Copilot for Azure

Use o GitHub Copilot para Azure para aprender sobre os recursos que implementou e obter orientação sobre os próximos passos.

1. No VS Code, abra a vista do Copilot Chat selecionando o ícone de chat na barra de atividades.

2. Peça orientação sobre a sua candidatura:

   How can I add authentication to my Azure App Service?
   

   O Copilot fornece orientações passo a passo, adaptadas à sua aplicação implementada.

Para exemplos de prompts, consulte:

• Exemplos de prompts para aprender sobre Azure e a sua aplicação com GitHub Copilot para Azure
• Exemplos de prompts para desenhar e desenvolver a sua aplicação com o GitHub Copilot para Azure
• Exemplos de prompts para implementar a sua aplicação com o GitHub Copilot para Azure

Para mais informações sobre o GitHub Copilot para Azure, consulte a visão geral do GitHub Copilot para Azure.

Limpeza de recursos

Quando terminares de explorar, elimina os recursos do Azure para evitar incorrer em encargos:

azd down

Este comando elimina todos os recursos Azure criados por azd up, incluindo o grupo de recursos, o App Service e a conta do Cosmos DB.

Passos seguintes

Agora que usaste as ferramentas principais para programadores do Azure, explora mais:

• Modelos de CLI para Desenvolvedores Azure - Encontre templates para diferentes linguagens e arquiteturas.
• GitHub Copilot para documentação Azure - Saiba mais sobre desenvolvimento Azure assistido por IA.
• Azure Tools for VS Code - Explore todas as extensões disponíveis.