Övning – Konfigurera din miljö

  • 6 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.

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 två resursgrupper i Azure.
  • Skapa två tjänstanslutningar och miljöer i Azure Pipelines.
  • Ta bort de resurser som du inte behöver i det förskapade Azure DevOps-projektet.

Hämta Azure DevOps-projektet

Kontrollera 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. Se till att ge det ett nytt namn.

Kör mallen

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

Kör mallen

Följ dessa steg på azure DevOps Demo Generator-webbplatsen:

  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 leksakswebbplatsmiljöer.

    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 och objektet Filer.

  2. Välj Klona.

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

  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 och knappen för kloning i Visual Studio Code.

  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.

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 testmiljön och en annan för din produktionsmiljö. Den här processen 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.

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

    Skärmbild av Azure DevOps som visar knappen 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.

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

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

  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 och välj sedan Spara.

    Skärmbild av Azure DevOps som visar slutförd information för att skapa en tjänstanslutning för testmiljön.

    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. Upprepa föregående process 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 sidan för att skapa en tjänstanslutning för produktionsmiljön med fullständig information.

    Om resursgruppslistan inte uppdateras uppdaterar du sidan i webbläsaren och försöker igen.

Skapa miljöer i Azure Pipelines

  1. I webbläsaren går du till Pipelines-miljöer>.

    Skärmbild av Azure DevOps-gränssnittet som visar menyn Pipelines och objektet Miljöer.

  2. Välj Ny miljö.

    Skärmbild av Azure DevOps-gränssnittet som visar sidan Miljöer och knappen för att skapa en miljö.

  3. Ange Test som miljönamn.

    Lämna beskrivningen tom. För Resurs väljer du Ingen. Välj sedan Skapa.

    Kommentar

    I Azure Pipelines används miljöer för att aktivera distributionsfunktioner. Vissa av dessa funktioner gäller endast när du distribuerar till Kubernetes eller till virtuella datorer. I den här modulen använder vi inte de här funktionerna och du kan ignorera dem.

    Skärmbild av Sidan Azure DevOps för en ny miljö med namnet Test, med slutförd information och knappen Skapa.

    Innan en pipeline kan använda miljön måste du ge den behörighet. För enkelhetens skull tillåter du att alla pipelines får åtkomst till miljön. I dina egna pipelines bör du begränsa åtkomsten till miljöer till bara de pipelines som kräver det.

  4. Välj knappen med tre punkter och välj Säkerhet.

    Skärmbild av Sidan Azure DevOps för en miljö med namnet Test, där menyn Fler åtgärder visas och säkerhetsobjektet markerat.

  5. Om det finns en knapp med namnet Begränsa behörighet i avsnittet Med namnet Pipeline-behörigheter väljer du den.

  6. Välj knappen med tre punkter. Välj Öppna åtkomst.

    Skärmbild av Sidan Azure DevOps för en miljö med namnet Test, där menyn Fler åtgärder visas och öppna åtkomstobjektet markerat.

  7. Välj den vänstra pilen två gånger för att återgå till miljölistan.

    Skärmbild av Sidan Azure DevOps för en miljö med namnet Test, inklusive pilknappen.

  8. Upprepa processen för att skapa en annan miljö med namnet Produktion. Kom ihåg att ställa in den för att öppna åtkomsten.

    Skärmbild av Sidan Azure DevOps för en ny miljö med namnet Produktion med fullständig information.

    Lämna sidan för produktionsmiljön öppen.

Lägga till en godkännandekontroll i produktionsmiljön

  1. Längst upp till höger på sidan väljer du knappen med tre punkter och väljer Godkännanden och kontroller från popup-menyn.

    Skärmbild av Azure DevOps-gränssnittet som visar webbplatsmiljön och knappen med tre punkter.

  2. Välj Godkännanden.

    Skärmbild av Azure DevOps-gränssnittet som visar sidan för att lägga till en kontroll och objektet Godkännanden.

  3. I textrutan Godkännare skriver du ditt eget namn och väljer dig själv.

  4. Välj pilknappen bredvid Avancerat.

    Observera att godkännare som standard får godkänna de körningar som de har utlöst. Eftersom du är den enda som använder den här pipelinen lämnar du kryssrutan markerad. I andra organisationer kan du behöva ange en annan godkännare för att uppfylla efterlevnadskraven.

  5. Välj Skapa.

    Skärmbild av Azure DevOps-gränssnittet som visar sidan för att lägga till en godkännandekontroll med fullständig information och knappen Skapa.

Ta bort den gamla miljön

I de tidigare versionerna av pipelinen använde du en enda miljö med namnet Webbplats. Nu när du har skapat pipelinemiljöer som representerar dina nya miljöer kan du ta bort den gamla pipelinemiljön.

  1. Gå till Pipelines-miljöer>.

  2. Välj webbplatsmiljön.

    Skärmbild av Azure DevOps-gränssnittet som visar listan över miljöer och webbplatsmiljön.

  3. Längst upp till höger på sidan väljer du knappen med tre punkter och väljer Ta bort från popup-menyn.

    Skärmbild av Azure DevOps-gränssnittet som visar testmiljön med menyn Fler åtgärder och knappen Ta bort markerad.

  4. Välj Ta bort för att borttagningen.

Ta bort de gamla variablerna

I de tidigare versionerna av pipelinen använde du en enda uppsättning variabler för att definiera parametrarna och distributionskonfigurationen. Nu när du distribuerar till flera miljöer kan du ta bort dessa variabler och ersätta dem med miljöspecifika uppsättningar variabler snart.

  1. Gå till Pipelines-pipelines>.

  2. Välj pipelinen för leksakswebbplatsmiljöer .

  3. Välj knappen Redigera.

    Skärmbild av Azure DevOps-gränssnittet som visar pipelinen och knappen Redigera.

  4. Välj knappen Variabler.

    Skärmbild av Azure DevOps-gränssnittet som visar pipelinen och knappen Variabler.

  5. Välj knappen Ta bort variabel för var och en av de tre variablerna.

    Skärmbild av Azure DevOps-gränssnittet som visar listan över variabler och knappen Ta bort.

  6. Välj Spara.

    Skärmbild av Azure DevOps-gränssnittet som visar borttagningen av tre variabler och knappen Spara.