Övning – Konfigurera din miljö

  • 5 minuter

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 den här lektionen ser du till att dina Azure- och Azure DevOps-miljöer har konfigurerats för att slutföra resten av den här modulen.

Utför följande uppgifter för att uppfylla dessa mål:

  • Konfigurera ett Azure DevOps-projekt för den här modulen.
  • Klona projektets lagringsplats till datorn.
  • Skapa två resursgrupper i Azure.
  • Skapa två tjänstanslutningar och miljöer i Azure Pipelines.

Hämta Azure DevOps-projektet

I det här avsnittet 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 föregående modul i utbildningsvägen följer du de här anvisningarna för att skapa ett nytt projekt. Se till att ge projektet ett nytt namn.

Kör mallen

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

Kör mallen

Gör följande på azure DevOps Demo Generator-webbplatsen:

  1. Välj Logga in och godkänn sedan användningsvillkoren för webbplatsen genom att välja Acceptera.

  2. På sidan Skapa nytt projekt väljer du din Azure DevOps-organisation och i rutan Nytt projektnamn anger du sedan ett projektnamn, till exempel leksakswebbplats från slutpunkt till slutpunkt.

    Skärmbild av fönstret Azure DevOps Demo Generator för att skapa ett nytt projekt.

  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 närmaste ö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 sedan 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-koden (VS) öppnas väljer du Öppna.

    Skärmbild av Azure DevOps som visar lagringsplatsens inställningar med knappen Klona i VS 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. Om det är första gången du använder den här lagringsplatsen kan du uppmanas att logga in.

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

    • För 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 med listrutan terminalgränssnittet visat och PowerShell valt.

  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 två resursgrupper i Azure

Om du vill skapa de två nya resursgrupperna kör du följande Azure CLI-kommandon i Visual Studio Code-terminalen:

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

Om du vill skapa de två nya resursgrupperna kör du följande Azure PowerShell-kommandon i Visual Studio Code-terminalen:

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

Skapa tjänstanslutningar i Azure Pipelines

Skapa sedan två tjänstanslutningar i Azure Pipelines, en för din testmiljö och en annan för din produktionsmiljö. Den här processen skapar automatiskt ett huvudnamn för tjänsten i Azure. Det ger också 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 menyn med objektet Projektinställningar markerat.

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

    Skärmbild av Azure DevOps som visar fönstret Tjänstanslutningar med knappen Skapa tjänstanslutning markerad.

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

    Skärmbild av Azure DevOps som visar fönstret Tjänstanslutningar med anslutningstypen Azure Resource Manager-tjänsten markerad.

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

    Skärmbild av Azure DevOps som visar fönstret Ny Azure-tjänstanslutning med alternativet Tjänstens huvudnamn (automatiskt) markerat.

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

    Om ett popup-fönster visas med ett meddelande där du uppmanas att logga in på Azure anger du dina autentiseringsuppgifter och loggar in.

  6. I listrutan Resursgrupp väljer du ToyWebsiteTest.

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

    Skärmbild av Azure DevOps som visar fönstret Ny Azure-tjänstanslutning för testmiljön med informationen slutförd och knappen Spara markerad.

    Dricks

    I den här övningen ger du för enkelhetens skull 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.

  9. Upprepa steg 1 till och med 8 för att skapa en annan ny tjänstanslutning med namnet ToyWebsiteProduction, som distribueras till resursgruppen med namnet ToyWebsiteProduction:

    Skärmbild av Azure DevOps som visar fönstret Ny Azure-tjänstanslutning för produktionsmiljön med informationen slutförd och knappen Spara markerad.

    Om resursgruppslistan inte visas uppdaterar du sidan i webbläsaren, anger dina autentiseringsuppgifter om du uppmanas att göra det och försöker igen.

Kommentar

I tidigare moduler i den här utbildningsvägen har du lagt till en godkännandekontroll i produktionsmiljön. För enkelhetens skull hoppar du över godkännandekontrollen i den här modulen. Du kan dock lägga till godkännandekontrollen själv om du vill.