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.

Ga als volgt te werk om aan deze doelstellingen te voldoen:

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

Het Azure DevOps-project ophalen

In deze sectie zorgt u 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 voorgaande module in het leertraject hebt voltooid, volgt u deze instructies om een nieuw project te maken. Zorg ervoor dat u het project 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 ga akkoord met de gebruiksvoorwaarden van de site door Accepteren te selecteren.

  2. Selecteer uw Azure DevOps-organisatie op de pagina Nieuw project maken en voer vervolgens in het vak Nieuwe projectnaam een projectnaam in, zoals toy-website-end-to-end.

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

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

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

  2. Selecteer Klonen.

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

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

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

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

  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 wilt gebruiken voor de opslagplaats en selecteer vervolgens Opslagplaatslocatie selecteren.

  7. Als dit de eerste keer is dat u deze opslagplaats gebruikt, wordt u mogelijk gevraagd u aan te melden.

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

    • Voer voor macOS 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.

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

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.

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

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

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

  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 .

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

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.

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

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

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

  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.

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

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. Ook verleent 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.

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

  2. Selecteer Serviceverbindingen>Een serviceverbinding maken.

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

  3. Selecteer Vervolgens Azure Resource Manager>.

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

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

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

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

    Als er een pop-upvenster wordt weergegeven met een bericht waarin u wordt gevraagd u aan te melden bij Azure, voert u uw referenties in en meldt u zich aan.

  6. Selecteer ToyWebsiteTest in de vervolgkeuzelijst Resourcegroep.

  7. Voer In het vak Serviceverbindingsnaam ToyWebsiteTest in. Zorg ervoor dat het selectievakje Toegang verlenen aan alle pijplijnen is ingeschakeld.

    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.

    Tip

    In deze oefening geeft u voor het gemak 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. Selecteer Opslaan.

  9. Herhaal stap 1 tot en met 8 om een andere nieuwe serviceverbinding met de naam ToyWebsiteProduction te maken, die is geïmplementeerd in de resourcegroep 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.

    Als de lijst met resourcegroepen niet wordt weergegeven, vernieuwt u de pagina in uw browser, voert u uw referenties in als u hierom wordt gevraagd en probeert u het opnieuw.

Notitie

In eerdere modules in dit leertraject hebt u een goedkeuringscontrole toegevoegd aan uw productieomgeving. In deze module overslaat u ter vereenvoudiging de goedkeuringscontrole. U kunt de goedkeuringscontrole echter zelf toevoegen als u wilt.