Oefening: uw omgeving instellen

  • 20 minuten

In deze sectie zorgt u ervoor dat uw Azure DevOps-organisatie is ingesteld om de rest van deze module te voltooien. U maakt ook de Azure-app Service-omgevingen waarnaar u gaat implementeren.

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

  • Voeg een gebruiker toe om ervoor te zorgen dat Azure DevOps verbinding kan maken met uw Azure-abonnement.
  • Een Azure DevOps-project instellen voor deze module.
  • Verplaats in Azure Boards het werkitem voor deze module naar de kolom Uitvoeren .
  • Zorg ervoor dat uw project lokaal is ingesteld, zodat u wijzigingen naar de pijplijn kunt pushen.
  • Maak de Azure-app Service-omgevingen met behulp van de Azure CLI in Azure Cloud Shell.
  • Maak pijplijnvariabelen waarmee de namen van uw App Service-omgevingen worden gedefinieerd.
  • Maak een serviceverbinding waarmee Azure Pipelines veilig toegang kan krijgen tot uw Azure-abonnement.
  • Voer een eerste implementatie uit.

Een gebruiker toevoegen aan Azure DevOps

U hebt uw eigen Azure-abonnement nodig om deze module te voltooien. U kunt gratis aan de slag met Azure.

Hoewel u geen Azure-abonnement nodig hebt om met Azure DevOps te werken, gebruikt u hier Azure DevOps om te implementeren naar resources die aanwezig zijn in uw Azure-abonnement. Gebruik hetzelfde Microsoft-account om u aan te melden bij zowel uw Azure-abonnement als uw Azure DevOps-organisatie om het proces te vereenvoudigen.

Als u verschillende Microsoft-accounts gebruikt om u aan te melden bij Azure en Azure DevOps, voegt u een gebruiker toe aan uw DevOps-organisatie onder het Microsoft-account waarmee u zich aanmeldt bij Azure. Zie Gebruikers toevoegen aan uw organisatie of project voor meer informatie. Wanneer u de gebruiker toevoegt, kiest u het toegangsniveau Basic .

Meld u vervolgens af bij Azure DevOps en meld u opnieuw aan onder het Microsoft-account dat u gebruikt om u aan te melden bij uw Azure-abonnement.

Het Azure DevOps-project ophalen

Hier 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. U volgt het Tailspin-webteam via hun DevOps-traject. Voor leerdoeleinden heeft elke module een gekoppeld Azure DevOps-project.

De sjabloon uitvoeren

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

De sjabloon uitvoeren

Voer op de site azure DevOps Demo Generator de volgende stappen uit om de sjabloon uit te voeren:

  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 Space Game - web - Implementatiepatronen.

    Screenshot that shows how to create a project through the Azure DevOps Demo Generator.

  3. Selecteer Ja, ik wil deze opslagplaats splitsen. Selecteer Vervolgens Autoriseren.

  4. Selecteer Project maken.

    Het duurt even voordat de sjabloon wordt uitgevoerd.

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

Belangrijk

De pagina De Azure DevOps-omgeving opschonen in deze module bevat belangrijke opschoonstappen. Door op te schonen bent u ervan verzekerd dat u voldoende gratis buildminuten overhoudt. Zorg ervoor dat u de opschoonstappen volgt, zelfs als u deze module niet voltooit.

De zichtbaarheid van uw project instellen

In eerste instantie is uw fork van de Space Game-opslagplaats op GitHub ingesteld op openbaar terwijl het project dat is gemaakt door de Azure DevOps-sjabloon is ingesteld op privé. Een openbare opslagplaats op GitHub is toegankelijk voor iedereen, terwijl een privéopslagplaats alleen toegankelijk is voor u en de personen met wie u deze wilt delen. Op dezelfde manier bieden openbare projecten in Azure DevOps alleen-lezentoegang tot niet-geverifieerde gebruikers, terwijl voor privéprojecten gebruikers toegang moeten worden verleend en geverifieerd voor toegang tot de services.

Op dit moment is het niet nodig om deze instellingen te wijzigen voor de doeleinden van deze module. Voor uw persoonlijke projecten moet u echter bepalen welke zichtbaarheid en toegang u aan anderen wilt verlenen. Als uw project bijvoorbeeld open source is, kunt u ervoor kiezen om zowel uw GitHub-opslagplaats als uw Azure DevOps-project openbaar te maken. Als uw project eigendom is, maakt u doorgaans zowel uw GitHub-opslagplaats als uw Azure DevOps-project privé.

Later kunt u de volgende resources nuttig vinden om te bepalen welke optie het beste is voor uw project:

Het werkitem naar In uitvoering verplaatsen

In dit deel wijst u in Azure Boards uzelf een werkitem toe dat betrekking heeft op deze module. U verplaatst het werkitem ook naar de status Uitvoeren . In de praktijk maakt uw team werkitems aan het begin van elke sprint of iteratie.

Als u werk op deze manier toewijst, hebt u een controlelijst waaraan u zich kunt houden. Het geeft uw team inzicht in waar u aan werkt en hoeveel werk er nog over is. Het helpt het team ook bij het afdwingen van limieten voor werk in uitvoering (WIP), zodat het team niet te veel werk tegelijk aanneemt.

Zoals u zich herinnert, heeft het team deze belangrijkste problemen voor de huidige sprint opgelost:

Screenshot of Azure Boards that shows the tasks for this sprint.

Notitie

Binnen een Azure DevOps-organisatie worden werkitems opeenvolgend genummerd. In uw project komt het nummer voor elk werkitem mogelijk niet overeen met wat u hier ziet.

Hier verplaatst u het vijfde item, de releasefrequentie verbeteren, naar de kolom Uitvoeren . Vervolgens wijst u uzelf toe aan het werkitem. Het releaseritme verbeteren heeft betrekking op het kiezen van een implementatiepatroon waarmee u snel wijzigingen aan uw gebruikers kunt vrijgeven.

U stelt het werkitem als volgt in:

  1. Ga in Azure DevOps naar Borden en selecteer Borden in het menu.

    Screenshot of Azure DevOps that shows the location of the Boards menu.

  2. Selecteer onder aan het werkitem Releasefrequentie verbeteren de pijl-omlaag. Wijs vervolgens het werkitem aan uzelf toe.

    Screenshot of Azure Boards that shows the location of the down arrow.

  3. Verplaats het werkitem van de kolom Taken naar de kolom Uitvoeren .

    Screenshot of Azure Boards that shows the card in the Doing column.

Aan het einde van deze module verplaatst u de kaart naar de kolom Gereed nadat u de taak hebt voltooid.

Het project lokaal instellen

Hier laadt u het Space Game-project in Visual Studio Code, configureert u Git, kloont u uw opslagplaats lokaal en stelt u de upstream remote in, zodat u starterscode kunt downloaden.

Notitie

Als u het project mslearn-tailspin-spacegame-web-deploy al lokaal hebt ingesteld, kunt u naar de volgende sectie gaan.

De geïntegreerde terminal openen

Visual Studio Code wordt geleverd met een geïntegreerde terminal. Hier bewerkt u bestanden en werkt u vanaf de opdrachtregel.

  1. Visual Studio Code starten.

  2. Selecteer Terminal in het menu Beeld.

  3. Selecteer Git Bash in de vervolgkeuzelijst. Als u bekend bent met een andere Unix-shell die u liever gebruikt, selecteert u die shell.

    A screenshot of Visual Studio Code showing the location of the Git Bash shell.

    In het terminalvenster kunt u elke shell kiezen die op uw systeem is geïnstalleerd. U kunt bijvoorbeeld Git Bash of PowerShell of een andere shell kiezen.

    Hier gebruikt u Git Bash, onderdeel van Git voor Windows, waarmee u eenvoudig Git-opdrachten kunt uitvoeren.

    Notitie

    Als in Windows Git Bash niet wordt weergegeven als optie, controleert u of u Git hebt geïnstalleerd en start u Visual Studio Code opnieuw.

  4. Voer de cd opdracht uit om naar de map te gaan waar u wilt werken. Kies desgewenst uw basismap (~) of een andere map.

    cd ~

Git configureren

Als u niet eerder bent met Git en GitHub, voert u eerst een paar opdrachten uit om uw identiteit te koppelen aan Git en te verifiëren met GitHub. Zie Git instellen voor meer informatie.

U moet minimaal de volgende stappen uitvoeren. Voer de opdrachten uit vanuit de geïntegreerde terminal.

  1. Stel uw gebruikersnaam in.
  2. Stel uw e-mailadres voor doorvoeren in.
  3. Sla uw GitHub-wachtwoord in de cache op.

Notitie

Als u al tweeledige verificatie met GitHub gebruikt, maakt u een persoonlijk toegangstoken. Wanneer u hierom wordt gevraagd, gebruikt u uw token in plaats van uw wachtwoord.

Behandel uw toegangstoken als een wachtwoord. Bewaar het op een veilige plek.

Uw project instellen in Visual Studio Code

In het leertraject Toepassingen bouwen met Azure DevOps hebt u geforkt en vervolgens een Git-opslagplaats gekloond. De opslagplaats bevat de broncode voor de Space Game-website . Uw fork is verbonden met uw projecten in Azure DevOps, zodat de build wordt uitgevoerd wanneer u wijzigingen naar GitHub pusht.

Belangrijk

In dit leertraject schakelen we over naar een andere Git-opslagplaats, mslearn-tailspin-spacegame-web-deploy. Toen u de sjabloon voor het instellen van uw Azure DevOps-project hebt uitgevoerd, heeft het proces de opslagplaats automatisch voor u geforkt.

In dit deel kloont u uw fork lokaal, zodat u de pijplijnconfiguratie kunt wijzigen en uitbouwen.

Uw fork lokaal klonen

U hebt nu een kopie van het Space Game-webproject in uw GitHub-account. Nu downloadt of kloont u een kopie naar uw computer, zodat u ermee kunt werken.

Een kloon, net als een fork, is een kopie van een opslagplaats. Wanneer u een opslagplaats kloont, kunt u wijzigingen aanbrengen, controleren of ze naar verwachting werken en deze wijzigingen vervolgens uploaden naar GitHub. U kunt uw lokale kopie ook synchroniseren met wijzigingen die andere geverifieerde gebruikers hebben aangebracht in de GitHub-kopie van uw opslagplaats.

Ga als volgende te werk om het Space Game-webproject naar uw computer te klonen:

  1. Ga naar uw fork van het Space Game-webproject (mslearn-tailspin-spacegame-web-deploy) op GitHub.

  2. Selecteer Code. Selecteer vervolgens op het tabblad HTTPS de knop naast de URL die wordt weergegeven om de URL naar het klembord te kopiëren.

    Screenshot that shows how to locate the URL and copy button from the GitHub repository.

  3. Ga in Visual Studio Code naar het terminalvenster.

  4. Ga in de terminal naar de map waar u wilt werken. Kies desgewenst uw basismap (~) of een andere map.

    cd ~

  5. Voer de opdracht git clone uit. Vervang de URL die hier wordt weergegeven door de inhoud van het Klembord:

    git clone https://github.com/your-name/mslearn-tailspin-spacegame-web-deploy.git

  6. Naar de mslearn-tailspin-spacegame-web-deploy map gaan. Dit is de hoofdmap van uw opslagplaats.

    cd mslearn-tailspin-spacegame-web-deploy

De upstream remote instellen

Een externe is een Git-opslagplaats waar teamleden samenwerken (zoals een opslagplaats op GitHub). Hier geeft u uw externen weer en voegt u een externe toe die verwijst naar de kopie van de opslagplaats van Microsoft, zodat u de meest recente voorbeeldcode kunt ophalen.

  1. Voer deze git remote opdracht uit om uw externe apparaten weer te geven:

    git remote -v

    U ziet dat u zowel toegang hebt opgehaald (downloaden) als pushen (uploaden) tot uw opslagplaats:

    origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)

    Origin geeft uw opslagplaats op GitHub aan. Wanneer u code van een andere opslagplaats versplitste, wordt de oorspronkelijke externe code (die u hebt gesplitst) vaak upstream genoemd.

  2. Voer deze git remote add opdracht uit om een externe upstream te maken die verwijst naar de Microsoft-opslagplaats:

    git remote add upstream https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git

  3. Voer git remote opnieuw uit om de wijzigingen te zien:

    git remote -v

    U ziet dat u nog steeds zowel toegang tot ophalen (downloaden) als pushtoegang (uploaden) tot uw opslagplaats hebt. U hebt nu ook toegang tot de Microsoft-opslagplaats opgehaald:

    origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (fetch)
origin  https://github.com/username/mslearn-tailspin-spacegame-web-deploy.git (push)
upstream        https://github.com/MicrosoftDocs/mslearn-tailspin-spacegame-web-deploy.git (fetch)

Open het project in de verkenner

In Visual Studio Code wijst het terminalvenster naar de hoofdmap van het Space Game-webproject. Als u de structuur wilt bekijken en met bestanden wilt werken, opent u het project vanuit de Verkenner.

  1. De eenvoudigste manier om het project te openen, is door Visual Studio Code opnieuw te openen in de huidige map. Voer hiervoor de volgende opdracht uit vanuit de geïntegreerde terminal:

    code -r .

    U ziet de map en de bestandsstructuur in de verkenner.

  2. Open de geïntegreerde terminal opnieuw. De terminal plaatst u in de hoofdmap van uw webproject.

Als de code opdracht mislukt, moet u Visual Studio Code toevoegen aan uw systeemPAD. Hiervoor doet u het volgende:

  1. Selecteer in Visual Studio Code F1 of selecteer Opdrachtpalet weergeven>om het opdrachtenpalet te openen.
  2. Voer in het opdrachtpalet Shell-opdracht in : installeer de opdracht 'code' in PATH.
  3. Herhaal de vorige procedure om het project te openen in de verkenner.

U bent nu ingesteld om te werken met de broncode van Space Game en uw Azure Pipelines-configuratie vanuit uw lokale ontwikkelomgeving.

De Azure-app Service-omgevingen maken

Hier maakt u de omgevingen die de pijplijnfasen definiëren. U maakt één App Service-exemplaar dat overeenkomt met elke fase: Dev, Test en Staging.

In eerdere modules hebt u de Azure CLI gebruikt om uw App Service-exemplaren te maken. Hier doe je hetzelfde.

Belangrijk

U hebt een eigen Azure-abonnement nodig om de oefeningen in deze module te voltooien.

Cloud Shell openen via Azure Portal

  1. Ga naar Azure Portal en meld u aan.
  2. Selecteer Cloud Shell in het menu. Wanneer u hierom wordt gevraagd, selecteert u de Bash-ervaring .

Een Azure-regio selecteren

Hier geeft u de standaardregio of geografische locatie op, waar uw Azure-resources worden gemaakt.

  1. Voer in Cloud Shell de volgende az account list-locations opdracht uit om de regio's weer te geven die beschikbaar zijn vanuit uw Azure-abonnement.

    az account list-locations \
  --query "[].{Name: name, DisplayName: displayName}" \
  --output table

  2. Kies in de kolom Naam in de uitvoer een regio dicht bij u in de buurt. Kies bijvoorbeeld eastasia of westus2.

  3. Voer uit az configure om uw standaardregio in te stellen. Vervang <REGION> door de naam van de regio die u hebt gekozen.

    az configure --defaults location=<REGION>

    In dit voorbeeld wordt westus2 ingesteld als de standaardregio:

    az configure --defaults location=westus2

De App Service-exemplaren maken

Hier maakt u App Service-exemplaren voor de drie fasen die u gaat implementeren: Dev, Test en Staging. Verderop in deze module voegt u een implementatiesite toe aan Staging .

Notitie

Voor leerdoeleinden gebruikt u hier de standaardnetwerkinstellingen. Deze instellingen maken uw site toegankelijk vanaf internet. In de praktijk kunt u een virtueel Azure-netwerk configureren dat uw website in een netwerk plaatst dat niet routeerbaar is vanaf internet, maar waartoe alleen uw team toegang heeft. Wanneer u er later klaar voor bent, kunt u uw netwerk opnieuw configureren om de website beschikbaar te maken voor uw gebruikers.

  1. Genereer in Cloud Shell een willekeurig getal dat de domeinnaam van uw web-app uniek maakt:

    webappsuffix=$RANDOM

  2. Voer de volgende az group create opdracht uit om een resourcegroep te maken met de naam tailspin-space-game-rg.

    az group create --name tailspin-space-game-rg

  3. Voer de volgende opdrachten uit om twee App Service-abonnementen te maken.

    az appservice plan create \
  --name tailspin-space-game-test-asp \
  --resource-group tailspin-space-game-rg \
  --sku B1 \
  --is-linux

az appservice plan create \
  --name tailspin-space-game-prod-asp \
  --resource-group tailspin-space-game-rg \
  --sku P1V2 \
  --is-linux

    Belangrijk

    Als de B1-SKU niet beschikbaar is als onderdeel van uw Azure-abonnement, kiest u een ander abonnement, zoals S1 (Standard).

    Zoals u weet, definieert een App Service-plan de CPU-, geheugen- en opslagbronnen die beschikbaar zijn voor de uitvoering van uw web-app.

    Met de eerste opdracht geeft u het B1-plan op. Dit plan wordt uitgevoerd op de Basic-laag . De App Service-omgevingen gebruiken dit plan voor de fasen Dev en Test . Het B1 Basic-plan is bedoeld voor apps met vereisten voor weinig verkeer, zoals in een ontwikkel- of testomgeving.

    Met de tweede opdracht geeft u het P1V2-abonnement op, dat wordt uitgevoerd op de Premium-laag . Dit plan wordt gebruikt voor fasering. Het Premium P1V2-abonnement is bedoeld voor productieworkloads. Deze wordt uitgevoerd op toegewezen exemplaren van virtuele machines.

    De Basic-planlaag biedt geen extra implementatiesites. Het Premium-abonnement doet het echter wel. Daarom hebt u het Premium-abonnement voor uw faseringsomgeving nodig.

  4. Voer de volgende az webapp create opdrachten uit om de drie App Service-exemplaren te maken, één voor elk van de ontwikkel-, test- en faseringsomgevingen.

    az webapp create \
  --name tailspin-space-game-web-dev-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-test-asp \
  --runtime "DOTNET|6.0"

az webapp create \
  --name tailspin-space-game-web-test-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-test-asp \
  --runtime "DOTNET|6.0"

az webapp create \
  --name tailspin-space-game-web-staging-$webappsuffix \
  --resource-group tailspin-space-game-rg \
  --plan tailspin-space-game-prod-asp \
  --runtime "DOTNET|6.0"

    U ziet dat u hier hetzelfde App Service-plan, B1 Basic, toepast op de App Service-exemplaren voor Dev en Test. U past het App Service-plan Premium P1V2 toe op het App Service-exemplaar voor fasering.

  5. Voer de volgende az webapp list opdracht uit om de hostnaam en status van elk App Service-exemplaar weer te geven.

    az webapp list \
  --resource-group tailspin-space-game-rg \
  --query "[].{hostName: defaultHostName, state: state}" \
  --output table

    Noteer de hostnaam voor elke actieve service. U hebt deze hostnamen later nodig wanneer u uw werk verifieert. Hier volgt een voorbeeld van de hostnamen:

    HostName                                                 State
-------------------------------------------------------  -------
tailspin-space-game-web-dev-21017.azurewebsites.net      Running
tailspin-space-game-web-test-21017.azurewebsites.net     Running
tailspin-space-game-web-staging-21017.azurewebsites.net  Running

  6. Als optionele stap gaat u naar een of meer namen. Controleer of ze worden uitgevoerd en of de standaardstartpagina wordt weergegeven.

    U ziet deze pagina in elke omgeving:

    Screenshot of the default home page in Azure App Service.

Belangrijk

De pagina De Azure DevOps-omgeving opschonen in deze module bevat belangrijke opschoonstappen. Opschonen zorgt ervoor dat er geen kosten in rekening worden gebracht voor Azure-resources nadat u deze module hebt voltooid. Voer de opschoonstappen ook uit als u deze module niet voltooit.

Pijplijnvariabelen maken in Azure Pipelines

In Een pijplijn met meerdere fasen maken met behulp van Azure Pipelines hebt u één variabele toegevoegd voor elk van de App Service-exemplaren die overeenkomen met de fasen Dev, Test en Fasering in uw pijplijn. Hier doe je hetzelfde.

Elke fase in uw pijplijnconfiguratie maakt gebruik van deze variabelen om te bepalen op welk App Service-exemplaar moet worden geïmplementeerd.

Ga als volgende te werk om de variabelen toe te voegen:

  1. Ga in Azure DevOps naar uw Space Game - web - Implementatiepatronenproject .

  2. Selecteer Bibliotheek onder Pijplijnen.

    Screenshot of Azure Pipelines that shows the Library menu option.

  3. Selecteer + Variabele groep.

  4. Voer onder Eigenschappen voor de naam van de variabelegroep release in.

  5. Selecteer + Toevoegen onder Variabelen.

  6. Voer WebAppNameDev in als naam van de variabele. Voer als waarde de naam in van het App Service-exemplaar dat overeenkomt met uw Dev-omgeving , zoals tailspin-space-game-web-dev-1234.

  7. Herhaal stap 5 en 6 twee keer om variabelen te maken voor uw test - en faseringsomgevingen , zoals wordt weergegeven in deze tabel:

    Variabelenaam Voorbeeldwaarde
    WebAppNameTest tailspin-space-game-web-test-1234
    WebAppNameStaging tailspin-space-game-web-staging-1234

    Zorg ervoor dat u elke voorbeeldwaarde vervangt door het App Service-exemplaar dat overeenkomt met uw omgeving.

    Belangrijk

    Stel de naam van het App Service-exemplaar in, niet de hostnaam. In dit voorbeeld voert u tailspin-space-game-web-dev-1234 in en niet tailspin-space-game-web-dev-1234.azurewebsites.net.

  8. Selecteer boven aan de pagina Opslaan om de variabele op te slaan in de pijplijn.

    Uw variabelegroep ziet er ongeveer als volgt uit:

    Screenshot of Azure Pipelines that shows the variable group. The group contains three variables.

De ontwikkel-, test- en faseringsomgevingen maken

In eerdere modules hebt u omgevingen gemaakt voor de ontwikkel-, test- en faseringsomgevingen . Hier herhaalt u het proces.

De ontwikkel-, test- en faseringsomgevingen maken:

  1. Selecteer omgevingen in Azure Pipelines.

    Screenshot of Azure Pipelines that shows the location of the Environments menu option.

  2. De ontwikkelomgeving maken:

    1. Selecteer Omgeving maken.
    2. Voer onder Naam dev in.
    3. Laat de resterende velden op de standaardwaarden staan.
    4. Selecteer Maken.

  3. De testomgeving maken:

    1. Ga terug naar de pagina Omgevingen .
    2. Selecteer Nieuwe omgeving.
    3. Voer onder Naam de test in.
    4. Selecteer Maken.

  4. De faseringsomgeving maken:

    1. Ga terug naar de pagina Omgevingen .
    2. Selecteer Nieuwe omgeving.
    3. Voer onder Naam fasering in.
    4. Selecteer Maken.

Een serviceverbinding maken

Hier maakt u een serviceverbinding waarmee Azure Pipelines toegang heeft tot uw Azure-abonnement. Azure Pipelines maakt gebruik van deze serviceverbinding om de website te implementeren in App Service. U hebt in de vorige module een vergelijkbare serviceverbinding gemaakt.

Belangrijk

Zorg ervoor dat u bent aangemeld bij zowel Azure Portal als Azure DevOps onder hetzelfde Microsoft-account.

  1. Ga in Azure DevOps naar uw Space Game - web - Implementatiepatronenproject .

  2. Selecteer Project-instellingen in de rechterbenedenhoek van de pagina.

  3. Selecteer onder Pipelines de optie Serviceverbindingen.

  4. Selecteer Nieuwe serviceverbinding en kies Vervolgens Azure Resource Manager en selecteer Vervolgens.

  5. Boven aan de pagina, service-principal (automatisch). Selecteer Volgende.

  6. Vul deze velden in:

    Veld Waarde
    Bereikniveau Abonnement
    Abonnement Uw Azure-abonnement
    Resourcegroep tailspin-space-game-rg
    Serviceverbindingsnaam Resource Manager - Tailspin - Space Game

    Tijdens het proces wordt u mogelijk gevraagd u aan te melden bij uw Microsoft-account.

  7. Zorg ervoor dat Toegang verlenen aan alle pijplijnen is geselecteerd.

  8. Selecteer Opslaan.

    Azure DevOps voert een testverbinding uit om te controleren of deze verbinding kan maken met uw Azure-abonnement. Als Azure DevOps geen verbinding kan maken, kunt u zich een tweede keer aanmelden.

De branch ophalen vanuit GitHub

Hier haalt u de blue-green vertakking op uit GitHub. Vervolgens checkt u die vertakking uit of schakelt u over naar die vertakking.

Deze vertakking bevat het Space Game-project waarmee u hebt gewerkt in de vorige modules en een Azure Pipelines-configuratie om mee te beginnen.

  1. Open in Visual Studio Code de geïntegreerde terminal.

  2. Voer de volgende git opdrachten uit om een vertakking op te halen met de naam blue-green uit de Microsoft-opslagplaats en om over te schakelen naar die vertakking.

    git fetch upstream blue-green
git checkout -B blue-green upstream/blue-green

    Met de indeling van deze opdrachten kunt u starterscode ophalen uit de Microsoft GitHub-opslagplaats, ook wel bekend als upstream. U gaat deze vertakking zo pushen naar uw GitHub-opslagplaats, ook bekend als origin.

  3. Als optionele stap opent u azure-pipelines.yml vanuit Visual Studio Code. Maak uzelf vertrouwd met de eerste configuratie.

    De configuratie lijkt op de configuratie die u in de vorige modules in dit leertraject hebt gemaakt. Hiermee wordt alleen de releaseconfiguratie van de toepassing gebouwd. Kortom, het weglaat de triggers, handmatige goedkeuringen en tests die u in eerdere modules hebt ingesteld.

    Voor leerdoeleinden bevordert deze configuratie wijzigingen van elke vertakking naar Dev, Test en Fasering. Een krachtigere benadering kan wijzigingen bevorderen van alleen een releasebranch of main. U hebt deze robuuste benadering gebruikt in de module Een pijplijn met meerdere fasen maken met behulp van de Azure Pipelines-module .

Voer de pijplijn uit en bekijk de geïmplementeerde website

Hier pusht u de eerste configuratie naar GitHub, zodat u up-to-date bent met het team. Later voegt u een site toe aan de staging-omgeving , zodat u een blauwgroene implementatie kunt implementeren.

  1. Open in Visual Studio Code de geïntegreerde terminal.

  2. Voer de volgende git commit opdracht uit om een lege vermelding toe te voegen aan uw doorvoergeschiedenis.

    git commit --allow-empty -m "Trigger the pipeline"

    Deze stap is bedoeld voor leerdoeleinden. Het is niet typisch. We bieden starterscode die u nu niet hoeft te wijzigen. De --allow-empty vlag zorgt ervoor dat de volgende stap de vertakking naar GitHub pusht en Azure Pipelines activeert om uit te voeren.

    Als u deze stap weglaat, zou de git push opdracht die u in de volgende stap uitvoert, geen actie ondernemen. Azure Pipelines worden dus niet geactiveerd om uit te voeren.

  3. Voer de volgende git push opdracht uit om de vertakking te uploaden naar uw GitHub-opslagplaats.

    git push origin blue-green

  4. Ga in Azure Pipelines naar de build. Traceer vervolgens de build terwijl deze wordt uitgevoerd. Wanneer u hierom wordt gevraagd, selecteert u Toestaan om implementatiemachtigingen toe te kennen aan de verschillende fasen.

  5. Nadat de pijplijnuitvoering is voltooid, gaat u naar de overzichtspagina om de status van de pijplijn te bekijken.

    Screenshot of Azure Pipelines that shows the completed stages.

  6. Navigeer naar de URL die overeenkomt met elke fase. Uw web-app moet in elke omgeving worden geïmplementeerd.

    Screenshot of a web browser that shows the Space Game website in the Dev environment.