Övning – Konfigurera din miljö

Slutförd

Viktigt!

Du behöver en egen Azure-prenumeration för att utföra den här övningen, och avgifter kan tillkomma. Om du inte redan har en Azure-prenumeration kan du skapa ett kostnadsfritt konto innan du börjar.

Innan du börjar arbeta med leksaksföretagets webbplatspipeline måste du konfigurera din miljö. I det här avsnittet ser du till att dina Azure- och Azure DevOps-miljöer har konfigurerats för att slutföra resten av den här modulen.

För att uppfylla dessa mål gör du följande:

  • Konfigurera ett Azure DevOps-projekt för den här modulen.
  • Klona projektets lagringsplats till datorn.
  • Skapa en resursgrupp i Azure.
  • Skapa en tjänstanslutning i Azure Pipelines.

Hämta Azure DevOps-projektet

Här ser du till att din Azure DevOps-organisation har konfigurerats för att slutföra resten av den här modulen. Du konfigurerar det genom att köra en mall som skapar ett projekt i Azure DevOps.

Modulerna i den här utbildningsvägen är en del av en utveckling. I utbildningssyfte har varje modul ett associerat Azure DevOps-projekt.

Dricks

Även om du har slutfört den föregående modulen i utbildningsvägen följer du de här anvisningarna för att skapa ett nytt projekt och se till att du ger det ett nytt namn.

Kör mallen

Kör en mall som konfigurerar ditt Azure DevOps-projekt.

På webbplatsen Azure DevOps Demo Generator kör du mallen genom att följa dessa steg:

  1. Välj Logga in och godkänn användningsvillkoren.

  2. På sidan Skapa nytt projekt väljer du din Azure DevOps-organisation. Ange sedan ett projektnamn, till exempel leksakswebbplatstest.

    Skärmbild som visar hur du skapar ett projekt via Azure DevOps Demo Generator.

  3. Välj Skapa projekt.

    Det tar en stund att köra mallen. Den skapar automatiskt en pipeline och en Bicep-fil som du kan arbeta med i de efterföljande övningarna.

  4. Välj Navigera till projekt för att gå till projektet i Azure DevOps.

Viktigt!

Den sista övningen i den här modulen innehåller viktiga rensningssteg. Följ rensningsstegen även om du inte slutför den här modulen.

Klona lagringsplatsen

  1. Välj Lagringsfiler>.

    Skärmbild av Azure DevOps som visar menyn Repos med Filer markerade.

  2. Välj Klona.

    Skärmbild av Azure DevOps som visar lagringsplatsen med knappen Klona markerad.

  3. Om du använder macOS behöver du ett särskilt lösenord för att klona Git-lagringsplatsen. Välj Generera Git-autentiseringsuppgifter och kopiera det användarnamn och lösenord som visas till en säker plats.

  4. Välj Klona i VS Code. Om du uppmanas att tillåta att Visual Studio Code öppnas väljer du Öppna.

    Skärmbild av Azure DevOps som visar lagringsplatsens inställningar med knappen för kloning i Visual Studio Code markerad.

  5. Om en dialogruta visas, där du uppmanas att tillåta att ett tillägg öppnar lagringsplatsens URI, väljer du Öppna.

  6. Skapa en mapp som ska användas för lagringsplatsen och välj sedan Välj lagringsplats.

  7. Du använder den här lagringsplatsen för första gången, så du uppmanas att logga in.

    • Om du använder Windows anger du samma autentiseringsuppgifter som du använde för att logga in på Azure DevOps tidigare i den här övningen.

    • Om du använder macOS anger du det Git-användarnamn och lösenord som du genererade för en stund sedan.

  8. Visual Studio Code uppmanar dig att öppna lagringsplatsen. Välj Öppna.

    Skärmbild av Visual Studio Code som visar en uppmaning om att öppna den klonade lagringsplatsen med knappen Öppna markerad.

Logga in på Azure

Om du vill arbeta med resursgrupper i Azure loggar du in på ditt Azure-konto från Visual Studio Code-terminalen. Se till att du har installerat Azure CLI-verktygen.

  1. I menyn Terminal väljer du Ny terminal. Terminalfönstret öppnas vanligtvis på den nedre halvan av skärmen.

  2. Om gränssnittet som visas till höger i terminalfönstret är bash är rätt gränssnitt öppet och du kan gå vidare till nästa avsnitt.

    Skärmbild av terminalfönstret i Visual Studio Code, där bash-alternativet visas.

  3. Om ett annat gränssnitt än bash visas väljer du listrutan shell och väljer sedan Git Bash (standard).

    Skärmbild av terminalfönstret i Visual Studio Code, där listrutan terminalgränssnitt visas och Git Bash Default har valts.

  4. I listan över terminalgränssnitt väljer du bash och väljer sedan plustecknet för att öppna en ny terminal som använder bash-gränssnittet .

    Skärmbild av terminalfönstret i Visual Studio Code med bash-terminalen och plustecknet markerat.

Logga in på Azure med hjälp av Azure CLI

  1. I Visual Studio Code-terminalen kör du följande kommando för att logga in på Azure:

    az login
    
  2. Logga in på ditt Azure-konto i webbläsaren som öppnas.

Om du vill arbeta med resursgrupper i Azure loggar du in på ditt Azure-konto från Visual Studio Code-terminalen. Kontrollera att du har installerat Azure PowerShell.

  1. I menyn Terminal väljer du Ny terminal. Terminalfönstret öppnas vanligtvis på den nedre halvan av skärmen.

  2. Om gränssnittet som visas till höger i terminalfönstret är powershell eller pwsh är rätt gränssnitt öppet och du kan gå vidare till nästa avsnitt.

    Skärmbild av Terminalfönstret i Visual Studio Code med alternativet p w s h som visas i listrutan för gränssnittet.

  3. Om ett annat gränssnitt än powershell eller pwsh visas väljer du listrutan shell och väljer sedan PowerShell.

    Skärmbild av terminalfönstret i Visual Studio Code, där listrutan för terminalgränssnittet visas och powershell har valts.

  4. I listan över terminalgränssnitt väljer du powershell eller pwsh och väljer sedan plustecknet för att öppna en ny terminal som använder powershell- eller pwsh-gränssnittet.

    Skärmbild av terminalfönstret i Visual Studio Code med powershell-terminalen och plustecknet markerat.

Logga in i Azure med Azure PowerShell

  1. I Visual Studio Code-terminalen kör du följande kommando för att logga in på Azure:

    Connect-AzAccount
    
  2. Logga in på ditt Azure-konto i webbläsaren som öppnas.

Skapa en resursgrupp i Azure

Om du vill skapa en ny resursgrupp kör du det här Azure CLI-kommandot i Visual Studio Code-terminalen:

az group create --name ToyWebsiteTest --location westus3

Om du vill skapa en resursgrupp kör du det här Azure PowerShell-kommandot i Visual Studio Code-terminalen:

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3

Skapa en tjänstanslutning i Azure Pipelines

Skapa sedan en tjänstanslutning i Azure Pipelines. Den här anslutningen skapar automatiskt ett huvudnamn för tjänsten i Azure. Det ger även tjänstens huvudnamn rollen Deltagare i resursgruppen, vilket gör att din pipeline kan distribueras till resursgruppen.

  1. I webbläsaren väljer du Projektinställningar.

    Skärmbild av Azure DevOps som visar menyalternativet för projektinställningar markerat.

  2. Välj Tjänstanslutningar>Skapa tjänstanslutning.

    Skärmbild av Azure DevOps som visar val för att skapa en tjänstanslutning.

  3. Välj Azure Resource Manager>Nästa.

    Skärmbild av Azure DevOps som visar anslutningstypen för Azure Resource Manager-tjänsten markerad.

  4. Välj Tjänstens huvudnamn (automatiskt)>Nästa.

    Skärmbild av Azure DevOps som visar alternativet tjänstens huvudnamn markerat.

  5. I listrutan Prenumeration väljer du din Azure-prenumeration.

    Ett popup-fönster kan visas där du uppmanas att logga in på Azure. Om det gör det anger du dina autentiseringsuppgifter och loggar in.

  6. I listrutan Resursgrupp väljer du ToyWebsiteTest.

  7. I Tjänstanslutningsnamn anger du ToyWebsiteTest. Kontrollera att kryssrutan Bevilja åtkomstbehörighet till alla pipelines är markerad.

    Skärmbild av Azure DevOps som visar den information som har slutförts för att skapa en tjänstanslutning med knappen Spara markerad.

    Dricks

    För enkelhetens skull ger du alla pipelineåtkomster till din tjänstanslutning. När du skapar verkliga tjänstanslutningar som fungerar med produktionsresurser bör du överväga att begränsa åtkomsten till endast de pipelines som behöver dem.

  8. Välj Spara.