Exercício – Configurar seu ambiente

  • 5 minutos

Importante

É preciso ter uma assinatura do Azure para fazer esse exercício, e isso pode gerar encargos. Caso ainda não tenha uma assinatura do Azure, crie uma conta gratuita antes de começar.

Antes de começar a trabalhar no pipeline do site da empresa de brinquedos, você precisa configurar seu ambiente. Nesta unidade, você verificará se os ambientes do Azure e do Azure DevOps estão configurados para concluir o restante deste módulo.

Para cumprir esses objetivos, execute as seguintes tarefas:

  • Configure um projeto do Azure DevOps para este módulo.
  • Clonar o repositório do projeto no computador.
  • Crie dois grupos de recursos no Azure.
  • Crie duas conexões de serviço e ambientes no Azure Pipelines.

Obter o projeto do Azure DevOps

Nesta seção, você verificará se a sua organização do Azure DevOps está preparada para concluir o restante deste módulo. Você a prepara executando um modelo que cria um projeto no Azure DevOps.

Os módulos neste roteiro de aprendizagem fazem parte de uma progressão. Para fins de aprendizado, cada módulo tem um projeto do Azure DevOps associado.

Dica

Mesmo que você tenha concluído o módulo anterior do roteiro de aprendizagem, siga estas instruções para criar um projeto. Dê um novo nome ao projeto.

Executar o modelo

Execute um modelo que configura seu projeto do Azure DevOps.

Executar o modelo

No site do Gerador de Demonstração do Azure DevOps, execute as seguintes etapas:

  1. Selecione Entrar e concorde com os termos de uso do site selecionando Aceitar.

  2. Na página Criar Projeto, selecione sua organização do Azure DevOps e, na caixa Nome do Novo Projeto, insira um nome de projeto, como toy-website-end-to-end.

    Screenshot of the Azure DevOps Demo Generator pane for creating a new project.

  3. Selecione Create Project.

    O modelo leva alguns minutos para ser executado. Ele criará automaticamente um pipeline e um arquivo Bicep com os quais você trabalhará nos próximos exercícios.

  4. Selecione Navigate to project para acessar o seu projeto no Azure DevOps.

Importante

O exercício final deste módulo contém etapas de limpeza importantes. Siga as etapas de limpeza mesmo que não conclua este módulo.

Clonar o repositório

  1. Selecione Repos>Arquivos.

    Screenshot of Azure DevOps that shows the Repos menu, with Files highlighted.

  2. Selecione Clonar.

    Screenshot of Azure DevOps showing the repository, with the Clone button highlighted.

  3. Se você estiver usando o macOS, precisará de uma senha especial para clonar o repositório Git. Selecione Gerar credenciais do Git e copie o nome de usuário e a senha exibidos para um local seguro.

  4. Selecione Clonar no VS Code. Se for solicitado a permitir a abertura do Visual Studio (VS) Code, selecione Abrir.

    Screenshot of Azure DevOps that shows the repository settings, with the Clone in VS Code button highlighted.

  5. Se uma caixa de diálogo for exibida solicitando que você permita que uma extensão abra o URI do repositório, selecione Abrir.

  6. Crie uma pasta a ser usada para o repositório e selecione Selecionar Local do Repositório.

  7. Se estiver usando esse repositório pela primeira vez, talvez você seja solicitado a fazer o login.

    • No Windows, insira as mesmas credenciais que você usou para entrar no Azure DevOps anteriormente nesse exercício.

    • No macOS, insira o nome de usuário e a senha do Git que você gerou agora há pouco.

  8. O Visual Studio Code solicita que você abra o repositório. Selecione Abrir.

    Screenshot of Visual Studio Code that shows a prompt to open the cloned repository, with the Open button highlighted.

Entrar no Azure

Para trabalhar com grupos de recursos no Azure, entre na sua conta do Azure usando o terminal do Visual Studio Code. Verifique se você instalou as ferramentas da CLI do Azure.

  1. No menu Terminal, selecione Novo Terminal. A janela do terminal geralmente é aberta na metade inferior da tela.

  2. Se o shell mostrado no lado direito da janela do terminal for o bash, o shell correto será aberto e você poderá passar para a próxima seção.

    Screenshot of the Visual Studio Code terminal window, with the bash option shown.

  3. Se um shell diferente do bash for exibido, selecione a lista suspensa do shell e selecione Git Bash (Padrão).

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and Git Bash Default selected.

  4. Na lista de shells de terminal, selecione bash e selecione o sinal de adição para abrir um novo terminal que usa o shell bash.

    Screenshot of the Visual Studio Code terminal window, with the bash terminal and the plus sign selected.

Entrar no Azure usando a CLI do Azure

  1. No terminal no Visual Studio Code, execute o seguinte comando para entrar no Azure:

    az login

  2. No navegador que é aberto, entre em sua conta do Azure.

Para trabalhar com grupos de recursos no Azure, entre na sua conta do Azure usando o terminal do Visual Studio Code. Verifique se você instalou o Azure PowerShell.

  1. No menu Terminal, selecione Novo Terminal. A janela do terminal geralmente é aberta na metade inferior da tela.

  2. Se o shell mostrado no lado direito da janela do terminal for o powershell ou pwsh, o shell correto será aberto e você poderá passar para a próxima seção.

    Screenshot of the Visual Studio Code terminal window, with the p w s h option displayed in the shell dropdown.

  3. Se um shell diferente do powershell ou pwsh for exibido, selecione a lista suspensa de shell e selecione PowerShell.

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and powershell selected.

  4. Na lista de shells de terminal, selecione powershell ou pwsh e selecione o sinal de adição para abrir um novo terminal que usa o shell do powershell ou pwsh.

    Screenshot of the Visual Studio Code terminal window, with the powershell terminal and the plus sign selected.

Entrar no Azure usando o Azure PowerShell

  1. No terminal no Visual Studio Code, execute o seguinte comando para entrar no Azure:

    Connect-AzAccount

  2. No navegador que é aberto, entre em sua conta do Azure.

Criar dois grupos de recursos no Azure

Para criar os dois grupos de recursos, execute os seguintes comandos de CLI do Azure no terminal do Visual Studio Code:

az group create --name ToyWebsiteTest --location westus3
az group create --name ToyWebsiteProduction --location westus3

Para criar os dois grupos de recursos, execute os seguintes comandos de Azure PowerShell no terminal do Visual Studio Code:

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3
New-AzResourceGroup -Name ToyWebsiteProduction -Location westus3

Criar conexões de serviço no Azure Pipelines

Em seguida, crie duas conexões de serviço no Azure Pipelines: uma para seu ambiente de teste e outra para seu ambiente de produção. Esse processo cria automaticamente uma entidade de serviço no Azure. Também concederá à entidade de serviço a função de contribuidor no seu grupo de recursos, o que permite que o pipeline seja implantado no grupo de recursos.

  1. No navegador, selecione Configurações do projeto.

    Screenshot of Azure DevOps that shows the menu, with the Project settings item highlighted.

  2. Selecione Conexões de serviço>Criar conexão de serviço.

    Screenshot of Azure DevOps that shows the Service connections pane, with the Create service connection button highlighted.

  3. Selecione Azure Resource Manager>Avançar.

    Screenshot of Azure DevOps that shows the Service connections pane, with the Azure Resource Manager service connection type highlighted.

  4. Selecione Entidade de serviço (automática)>Avançar.

    Screenshot of Azure DevOps that shows the New Azure service connection pane, with the Service principal (automatic) option highlighted.

  5. Na lista suspensa Assinatura, selecione sua assinatura do Azure.

    Se uma janela pop-up aparecer com uma mensagem solicitando que você entre no Azure, insira suas credenciais e entre.

  6. Na lista suspensa Grupo de recursos, selecione ToyWebsiteTest.

  7. Na caixa nome da conexão de serviço, insira ToyWebsiteTest. Verifique se a caixa de seleção Conceder permissão de acesso para todos os pipelines está marcada.

    Screenshot of Azure DevOps that shows the New Azure service connection pane for the test environment, with the details completed and the Save button highlighted.

    Dica

    Neste exercício, para simplificar, você está permitindo que todos os pipelines acessem sua conexão de serviço. Ao criar conexões de serviço reais que funcionam com recursos de produção, considere restringir o acesso apenas aos pipelines que precisam delas.

  8. Selecione Salvar.

  9. Repita as etapas 1 a 8 para criar outra conexão de serviço chamada ToyWebsiteProduction, que é implantada no grupo de recursos chamado ToyWebsiteProduction:

    Screenshot of Azure DevOps that shows the New Azure service connection pane for the production environment, with the details completed and the Save button highlighted.

    Se a lista de grupos de recursos não for mostrada, atualize a página no seu navegador, insira suas credenciais se for pedido e tente novamente.

Observação

Nos módulos anteriores deste roteiro de aprendizagem, você adicionou uma verificação de aprovação ao seu ambiente de produção. Neste módulo, para simplificar, você está ignorando a verificação de aprovação. No entanto, você pode adicionar a verificação de aprovação por conta própria, se desejar.