Oefening: uw omgeving instellen

Voltooid

Belangrijk

U hebt uw eigen Azure-abonnement nodig om deze oefening te kunnen uitvoeren. Dit kan kosten met zich meebrengen. Als u nog geen Azure-abonnement hebt, maakt u een gratis account voordat u begint.

Voordat u aan de websitepijplijn van uw speelgoedbedrijf begint te werken, moet u uw omgeving configureren. In deze les zorgt u ervoor dat uw Azure- en Azure DevOps-omgevingen zijn ingesteld om de rest van deze module te voltooien.

Als u aan deze doelstellingen wilt voldoen, gaat u als volgt te werk:

  • Een Azure DevOps-project instellen voor deze module.
  • Kloon de opslagplaats van het project naar uw computer.
  • Maak twee resourcegroepen in Azure.
  • Maak twee serviceverbindingen en omgevingen in Azure Pipelines.
  • Verwijder de resources die u niet nodig hebt in het vooraf gemaakte Azure DevOps-project.

Het Azure DevOps-project ophalen

Zorg ervoor dat uw Azure DevOps-organisatie is ingesteld om de rest van deze module te voltooien. U stelt deze in door een sjabloon uit te voeren waarmee een project in Azure DevOps wordt gemaakt.

De modules in dit leertraject maken deel uit van een voortgang. Voor leerdoeleinden heeft elke module een gekoppeld Azure DevOps-project.

Tip

Zelfs als u de vorige module in het leertraject hebt voltooid, volgt u deze instructies om een nieuw project te maken. Zorg ervoor dat u deze een nieuwe naam geeft.

De sjabloon uitvoeren

Voer een sjabloon uit waarmee uw Azure DevOps-project wordt ingesteld.

Voer de volgende stappen uit op de azure DevOps Demo Generator-site:

  1. Selecteer Aanmelden en accepteer de gebruiksvoorwaarden.

  2. Selecteer uw Azure DevOps-organisatie op de pagina Nieuw project maken. Voer vervolgens een projectnaam in, zoals speelgoedwebsiteomgevingen.

    Schermopname van het maken van een project via de Azure DevOps Demo Generator.

  3. Selecteer Project maken.

    Het duurt even voordat de sjabloon wordt uitgevoerd. In de volgende oefeningen wordt automatisch een pijplijn en Bicep-bestand gemaakt waarmee u kunt werken.

  4. Selecteer Navigeren naar project om naar uw project te gaan in Azure DevOps.

Belangrijk

De laatste oefening in deze module bevat belangrijke opschoonstappen. Zorg ervoor dat u de opschoonstappen volgt, zelfs als u deze module niet voltooit.

De opslagplaats klonen

  1. Selecteer Opslagplaatsbestanden>.

    Schermopname van Azure DevOps met het menu Opslagplaatsen en het item Bestanden.

  2. Selecteer Klonen.

    Schermopname van Azure DevOps met de opslagplaats en de knop Klonen.

  3. Als u macOS gebruikt, hebt u een speciaal wachtwoord nodig om de Git-opslagplaats te klonen. Selecteer Git-referenties genereren en kopieer de weergegeven gebruikersnaam en het wachtwoord naar een veilige locatie.

  4. Selecteer Klonen in VS Code. Als u wordt gevraagd om Visual Studio Code te openen, selecteert u Openen.

    Schermopname van Azure DevOps met de instellingen van de opslagplaats en de knop voor het klonen in Visual Studio Code.

  5. Als er een dialoogvenster wordt weergegeven, wordt u gevraagd om een extensie toe te staan om de opslagplaats-URI te openen, selecteert u Openen.

  6. Maak een map die u voor de opslagplaats wilt gebruiken en kies Opslagplaatslocatie selecteren.

  7. U gebruikt deze opslagplaats voor het eerst, dus u wordt gevraagd u aan te melden.

    • Als u Windows gebruikt, voert u dezelfde referenties in die u eerder in deze oefening hebt gebruikt om u aan te melden bij Azure DevOps.

    • Als u macOS gebruikt, voert u de Git-gebruikersnaam en het wachtwoord in die u een paar ogenblik geleden hebt gegenereerd.

  8. Visual Studio Code vraagt u om de opslagplaats te openen. Selecteer Openen.

    Schermopname van Visual Studio Code met een prompt om de gekloonde opslagplaats te openen.

Aanmelden bij Azure

Als u wilt werken met resourcegroepen in Azure, meldt u zich aan bij uw Azure-account vanuit de Visual Studio Code-terminal. Zorg ervoor dat u de Azure CLI-hulpprogramma's hebt geïnstalleerd.

  1. Selecteer nieuwe terminal in het menu Terminal. Het terminalvenster wordt meestal geopend in de onderste helft van het scherm.

  2. Als de shell aan de rechterkant van het terminalvenster bash is, is de juiste shell geopend en kunt u doorgaan naar de volgende sectie.

    Schermopname van het Visual Studio Code-terminalvenster, met de bash-optie weergegeven.

  3. Als er een andere shell dan bash wordt weergegeven, selecteert u de vervolgkeuzelijst shell en selecteert u vervolgens Git Bash (standaardinstelling).

    Schermopname van het Visual Studio Code-terminalvenster, met de vervolgkeuzelijst terminalshell weergegeven en Git Bash Default geselecteerd.

  4. Selecteer bash in de lijst met terminalshells en selecteer vervolgens het plusteken om een nieuwe terminal te openen die gebruikmaakt van de bash-shell .

    Schermopname van het Visual Studio Code-terminalvenster, met de bash-terminal en het plusteken geselecteerd.

Aanmelden bij Azure met behulp van de Azure CLI

  1. Voer in de Visual Studio Code-terminal de volgende opdracht uit om u aan te melden bij Azure:

    az login
    
  2. Meld u aan bij uw Azure-account in de browser die wordt geopend.

Als u wilt werken met resourcegroepen in Azure, meldt u zich aan bij uw Azure-account vanuit de Visual Studio Code-terminal. Zorg ervoor dat u Azure PowerShell hebt geïnstalleerd.

  1. Selecteer nieuwe terminal in het menu Terminal. Het terminalvenster wordt meestal geopend in de onderste helft van het scherm.

  2. Als de shell aan de rechterkant van het terminalvenster powershell of pwsh is, is de juiste shell geopend en kunt u doorgaan naar de volgende sectie.

    Schermopname van het Visual Studio Code-terminalvenster, met de optie p w s h weergegeven in de vervolgkeuzelijst shell.

  3. Als een andere shell dan powershell of pwsh wordt weergegeven, selecteert u de vervolgkeuzelijst shell en selecteert u Vervolgens PowerShell.

    Schermopname van het Visual Studio Code-terminalvenster, met de vervolgkeuzelijst terminalshell weergegeven en PowerShell geselecteerd.

  4. Selecteer powershell of pwsh in de lijst met terminalshells en selecteer vervolgens het plusteken om een nieuwe terminal te openen die gebruikmaakt van de PowerShell- of pwsh-shell.

    Schermopname van het Visual Studio Code-terminalvenster, met de PowerShell-terminal en het plusteken geselecteerd.

Aanmelden bij Azure met behulp van Azure PowerShell

  1. Voer in de Visual Studio Code-terminal de volgende opdracht uit om u aan te melden bij Azure:

    Connect-AzAccount
    
  2. Meld u aan bij uw Azure-account in de browser die wordt geopend.

Twee resourcegroepen maken in Azure

Als u de twee nieuwe resourcegroepen wilt maken, voert u de volgende Azure CLI-opdrachten uit in de Visual Studio Code-terminal:

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

Als u de twee nieuwe resourcegroepen wilt maken, voert u de volgende Azure PowerShell-opdrachten uit in de Visual Studio Code-terminal:

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

Serviceverbindingen maken in Azure Pipelines

Maak vervolgens twee serviceverbindingen in Azure Pipelines: een voor uw testomgeving en een voor uw productieomgeving. Met dit proces wordt automatisch een service-principal gemaakt in Azure. Het verleent ook de service-principal de rol Inzender voor uw resourcegroep, waarmee uw pijplijn kan worden geïmplementeerd in de resourcegroep.

  1. Selecteer Project-instellingen in uw browser.

    Schermopname van Azure DevOps met het menu-item voor projectinstellingen.

  2. Selecteer Serviceverbindingen>Een serviceverbinding maken.

    Schermopname van Azure DevOps met de knop voor het maken van een serviceverbinding.

  3. Selecteer >.

    Schermopname van Azure DevOps met het verbindingstype azure Resource Manager-service.

  4. Selecteer Service-principal (automatisch)>Volgende.

    Schermopname van Azure DevOps met de optie service-principal.

  5. Selecteer uw Azure-abonnement in de vervolgkeuzelijst Abonnement .

    Er wordt mogelijk een pop-upvenster weergegeven waarin u wordt gevraagd u aan te melden bij Azure. Als dit het geval is, voert u uw referenties in en meldt u zich aan.

  6. Selecteer ToyWebsiteTest in de vervolgkeuzelijst Resourcegroep.

  7. Voer In de naam van de serviceverbinding ToyWebsiteTest in. Zorg ervoor dat het selectievakje Toegang verlenen aan alle pijplijnen is ingeschakeld en selecteer vervolgens Opslaan.

    Schermopname van Azure DevOps met voltooide details voor het maken van een serviceverbinding voor de testomgeving.

    Tip

    Om het eenvoudig te maken, geeft u elke pijplijntoegang tot uw serviceverbinding. Wanneer u echte serviceverbindingen maakt die met productiebronnen werken, kunt u de toegang beperken tot alleen de pijplijnen die ze nodig hebben.

  8. Herhaal het voorgaande proces om een andere nieuwe serviceverbinding met de naam ToyWebsiteProduction te maken, die wordt geïmplementeerd in de resourcegroep Met de naam ToyWebsiteProduction.

    Schermopname van Azure DevOps met de pagina voor het maken van een serviceverbinding voor de productieomgeving, met voltooide details.

    Als de lijst met resourcegroepen niet is bijgewerkt, vernieuwt u de pagina in uw browser en probeert u het opnieuw.

Omgevingen maken in Azure Pipelines

  1. Ga in uw browser naar Pipelines Environments>.

    Schermopname van de Azure DevOps-interface met het menu Pijplijnen en het item Omgevingen.

  2. Selecteer Nieuwe omgeving.

    Schermopname van de Azure DevOps-interface met de pagina Omgevingen en de knop voor het maken van een omgeving.

  3. Voer Test in als de omgevingsnaam.

    Laat de beschrijving leeg. Selecteer Geen voor Resource. Selecteer vervolgens Maken.

    Notitie

    In Azure Pipelines worden omgevingen gebruikt om implementatiefuncties in te schakelen. Sommige van deze functies zijn alleen van toepassing wanneer u implementeert op Kubernetes of op virtuele machines. In deze module gebruiken we deze functies niet en kunt u ze negeren.

    Schermopname van de pagina Azure DevOps voor een nieuwe omgeving met de naam Test, met de voltooide details en de knop Maken.

    Voordat een pijplijn de omgeving kan gebruiken, moet u deze toestemming geven. Voor het gemak kunt u alle pijplijnen toegang geven tot de omgeving. In uw eigen pijplijnen moet u de toegang tot omgevingen beperken tot alleen de pijplijnen waarvoor dit is vereist.

  4. Selecteer de knop met drie puntjes en selecteer Beveiliging.

    Schermopname van de Azure DevOps-pagina voor een omgeving met de naam Test, met het menu Meer acties weergegeven en het beveiligingsitem gemarkeerd.

  5. Als er in de sectie Pijplijnmachtigingen een knop met de titel Machtiging beperken staat, selecteert u deze.

  6. Selecteer de knop met drie puntjes. Selecteer Open access.

    Schermopname van de Azure DevOps-pagina voor een omgeving met de naam Test, met het menu Meer acties weergegeven en het item Toegang openen gemarkeerd.

  7. Selecteer tweemaal de pijl-links om terug te keren naar de lijst met omgevingen.

    Schermopname van de Azure DevOps-pagina voor een omgeving met de naam Test, inclusief de pijlknop.

  8. Herhaal het proces om een andere omgeving met de naam Productie te maken. Vergeet niet om deze in te stellen om toegang te openen.

    Schermopname van de Azure DevOps-pagina voor een nieuwe omgeving met de naam Production, met voltooide details.

    Laat de pagina productieomgeving open.

Een goedkeuringscontrole toevoegen aan de productieomgeving

  1. Selecteer rechtsboven op de pagina de knop met drie puntjes en selecteer Goedkeuringen en controles in het snelmenu.

    Schermopname van de Azure DevOps-interface met de websiteomgeving en de knop met drie puntjes.

  2. Selecteer Goedkeuringen.

    Schermopname van de Azure DevOps-interface met de pagina voor het toevoegen van een controle en het item Goedkeuringen.

  3. Typ uw eigen naam in het tekstvak Goedkeurders en selecteer uzelf.

  4. Selecteer de pijlknop naast Geavanceerd.

    U ziet dat goedkeurders standaard de uitvoeringen mogen goedkeuren die ze hebben geactiveerd. Omdat u de enige persoon bent die deze pijplijn gebruikt, laat u dit selectievakje ingeschakeld. In andere organisaties moet u mogelijk een andere fiatteur opgeven om te voldoen aan de nalevingsvereisten.

  5. Selecteer Maken.

    Schermopname van de Azure DevOps-interface met de pagina voor het toevoegen van een goedkeuringscontrole, met voltooide details en de knop Maken.

De oude omgeving verwijderen

In de vorige versies van de pijplijn hebt u één omgeving met de naam Website gebruikt. Nu u pijplijnomgevingen hebt gemaakt die uw nieuwe omgevingen vertegenwoordigen, kunt u de oude pijplijnomgeving verwijderen.

  1. Ga naar Pijplijnomgevingen>.

  2. Selecteer de websiteomgeving .

    Schermopname van de Azure DevOps-interface met de lijst met omgevingen en de websiteomgeving.

  3. Selecteer rechtsboven op de pagina de knop met drie puntjes en selecteer Verwijderen in het snelmenu.

    Schermopname van de Azure DevOps-interface met de testomgeving, met het menu Meer acties en de knop Verwijderen gemarkeerd.

  4. Selecteer Verwijderen om het verwijderen te bevestigen.

De oude variabelen verwijderen

In de vorige versies van de pijplijn hebt u één set variabelen gebruikt om de parameters en implementatieconfiguratie te definiëren. Nu u in meerdere omgevingen implementeert, kunt u deze variabelen verwijderen en deze snel vervangen door omgevingsspecifieke sets met variabelen.

  1. Ga naar Pijplijnen>.

  2. Selecteer de pijplijn voor speelgoedwebsiteomgevingen .

  3. Selecteer de knop Bewerken.

    Schermopname van de Azure DevOps-interface met de pijplijn en de knop Bewerken.

  4. Selecteer de knop Variabelen .

    Schermopname van de Azure DevOps-interface met de pijplijn en de knop Variabelen.

  5. Selecteer de knop Variabele verwijderen voor elk van de drie variabelen.

    Schermopname van de Azure DevOps-interface met de lijst met variabelen en de knop Verwijderen.

  6. Selecteer Opslaan.

    Schermopname van de Azure DevOps-interface waarin het verwijderen van drie variabelen en de knop Opslaan wordt weergegeven.