Oefening: een web-app implementeren met behulp van implementatiesites

  • 10 minuten

Zorg ervoor dat, wanneer u klaar bent om twee sites te wisselen, u de juiste configuratie op de gewisselde sites hebt toegepast.

Stel dat u klaar bent met het testen van versie 2 van uw web-app voor sociale media. Nu wilt u die versie implementeren in productie. U wilt de implementatie verder stroomlijnen door toekomstige versies van de app automatisch te wisselen.

Hier leert u hoe u handmatig en automatisch kunt wisselen.

Een site-instelling configureren

Voordat u versie 2 van de web-app implementeert, configureert u een site-instelling. De instellingen die u hier configureert, hebben geen invloed op uw demo-app. Het doel van deze oefening is om te zien hoe de configuraties werken wanneer u sites verwisselt.

Site-instellingen configureren:

  1. Ga in de weergave Alle resources in Azure Portal naar de pagina Overzicht van de productiesite van de web-app.

  2. Navigeer naar het deelvenster Configuratie voor de implementatiesite.

  3. Selecteer + Nieuwe toepassingsinstelling. Voeg een nieuwe instelling toe met de naam ENVIRONMENT_NAME en een waarde voor productie. Schakel het vakje Implementatiesite-instelling in om hiervan een site-instelling te maken. Selecteer OK.

  4. Voeg nog een instelling met de naam APP_VERSION toe en geef de waarde 1 op. Maak hiervan geen site-instelling. Selecteer OK.

  5. Selecteer Opslaan in de bovenste menubalk en selecteer Vervolgens Doorgaan.

  6. Herhaal voorgaande stappen voor de staging-site, maar gebruik de volgende waarden:

    Naam Weergegeven als Implementatiesite-instelling
    ENVIRONMENT_NAME staging Ja
    APP_VERSION 2 Nee

De sites verwisselen

Nu u versie 2 van de web-app in de staging-site hebt getest, kunt u deze implementeren door de sites te verwisselen. Volg vervolgens deze stappen:

  1. Als u ervoor wilt zorgen dat u de productiesite configureert, selecteert u Alle resources en selecteert u vervolgens de productiesite van de web-app.

  2. Selecteer wisselen tussen implementatiesites> in het linkermenuvenster onder Implementatie.

    Screenshot of starting a swap.

  3. Verifieer dat u de staging- en productiesites gaat verwisselen. Let op hoe het wisselen van invloed is op instellingen. De waarde van de instelling APP_VERSION wordt verwisseld tussen de sites, maar de waarde van de site-instelling ENVIRONMENT niet. Selecteer Wisselen.

    Screenshot of completing a swap.

  4. Wanneer de wissel is voltooid, gaat u naar de pagina Overzicht van de web-app van de productiesite en selecteert u Bladeren. De web-app wordt weergegeven op een nieuw browsertabblad. U ziet dat versie 2 van de web-app nu in productie is.

  5. Sluit het browsertabblad.

Automatisch wisselen configureren voor de staging-site

Stel dat u, nu u implementatiesites gebruikt, continue implementatie wilt inschakelen. U kunt dit doen met behulp van de functie voor automatisch wisselen voor uw web-app. Wanneer u in een systeem met automatisch wisselen nieuwe code naar de staging-site implementeert, wordt deze in Azure automatisch opgewarmd en naar productie geïmplementeerd door de staging-site en productiesite om te wisselen. Volg deze stappen om automatisch wisselen te configureren:

  1. Ga naar het deelvenster Configuratie van de web-app van de staging-site en ga naar het tabblad Algemene instellingen .

  2. Stel Automatisch wisselen ingeschakeld in op Aan.

  3. Selecteer productie in de lijst met implementatiesites voor automatisch wisselen en selecteer vervolgens Opslaan en Doorgaan.

    Screenshot of configuring auto swap.

Nieuwe code implementeren en automatisch wisselen naar productie

Nu wijzigt u de code om versie 3 van de web-app te maken. Wanneer u deze naar de staging-site implementeert, ziet u een automatische wisseling in actie. Volg vervolgens deze stappen:

  1. Start aan de rechterkant van Cloud Shell de editor opnieuw op als deze nog niet wordt uitgevoerd.

    cd ~/demoapp/app-service-web-dotnet-get-started/
code .

  2. Vouw in de code-editor in de lijst Met bestanden aan de linkerkant aspnet-get-started>Views>Home uit en selecteer vervolgens Index.cshtml.

  3. Zoek de volgende code.

    <h1>Web App Version 2</h1>

  4. Vervang die code door deze code.

    <h1>Web App Version 3</h1>

  5. Druk op Ctrl+S om uw wijzigingen op te slaan.

  6. Voer in Cloud Shell de volgende opdrachten uit. Voer het wachtwoord voor de implementatie in als u hierom wordt gevraagd.

    git add .
git commit -m "Third version of web app."
git push staging

    Wacht tot de implementatie is voltooid. Aan het einde van de tekstuitvoer ziet u een bericht dat de implementatie een automatische wissel naar de productiesite heeft aangevraagd.

  7. Ga in Azure Portal naar de pagina Overzicht voor de web-app van de productiesite en selecteer Bladeren. De derde versie van de web-app wordt weergegeven op een nieuw browsertabblad. Als de oude versie wordt weergegeven, moet u mogelijk even wachten en vervolgens de pagina vernieuwen. De wisselbewerking is atomisch en vindt direct plaats, maar het duurt even voordat App Service de wisselbewerking voorbereidt voordat deze wordt uitgevoerd.

Terugdraaien van de nieuwe versie

Stel dat de implementatie van versie 3 van onze app naar productie een onverwacht probleem heeft aangetoond. U kunt dit probleem snel oplossen door terug te gaan naar de vorige versie van de site door de sites opnieuw uit te wisselen.

  1. Ga naar het deelvenster Implementatiesites van de web-app van de productiesite.

  2. Verwissel de staging-site en productiesite.

  3. Wanneer de wissel is voltooid, selecteert u Bladeren op de pagina Overzicht om de app de laatste keer weer te geven. U ziet dat versie 2 nu weer naar productie is geïmplementeerd.