Oefening: een web-app uitrollen met behulp van uitrolsloten

  • 10 minuten

Wanneer u klaar bent om twee slots te wisselen, moet u ervoor zorgen dat u de juiste configuratie hebt toegepast op de gewisselde slots.

Stel dat u klaar bent met het testen van versie 2 van uw web-app voor sociale media. Nu wilt u die versie naar productie implementeren. 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 slotinstelling configureren

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

Om slots-instellingen te configureren:

  1. Ga vanuit de weergave Alle resources in de Azure portal naar de pagina Overzicht van de productieslot van de webapp.

  2. Navigeer naar het deelvenster Configuratie voor het implementatieslot.

  3. Selecteer + Nieuwe toepassingsinstelling. Voeg een nieuwe instelling toe met de naam ENVIRONMENT_NAMEen een waarde van productie. Schakel het selectievakje inzetplekinstelling in om dit een slotsinstelling te maken. Selecteer OK-.

  4. Voeg nog een instelling toe met de naam APP_VERSIONen voer de waarde 1in. Maak dit geen slotinstelling. Selecteer OK-.

  5. Selecteer in de bovenste menubalk Opslaanen selecteer vervolgens Doorgaan.

  6. Herhaal de voorgaande stappen in de Staging--slot, maar gebruik de volgende waarden:

    Naam Waarde Instelling voor implementatieslot
    ENVIRONMENT_NAME opstelling Ja
    APP_VERSIE 2 Nee

Wissel de slots om

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

  1. Als u ervoor wilt zorgen dat u het productieslot configureert, selecteert u Alle resourcesen selecteert u vervolgens het productieslot van de web-app.

  2. Selecteer in het linkermenuvenster onder Implementatiede optie Implementatieslots>Wisselen.

    Schermopname van het starten van een wissel.

  3. Zorg ervoor dat u de staging- en productieslots gaat wisselen. U ziet hoe de wissel van invloed is op de instellingen. De waarde van de APP_VERSION-instelling wordt uitgewisseld tussen de slots, maar de waarde van de ENVIRONMENT slot-instelling wordt niet gewisseld. Selecteer en wissel met.

    schermopname van het voltooien van een wissel.

  4. Als de wissel is voltooid, gaat u naar de Overzicht pagina van de webapp van het productieslot 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.

Automatische wissel configureren voor de staging-slot

Stel dat u nu implementatiesleuven gebruikt en continue implementatie wilt inschakelen. U doet dit met behulp van de functie voor automatisch wisselen voor uw web-app. In een systeem dat gebruikmaakt van automatisch wisselen, wanneer u nieuwe code implementeert in de staging-slot, wordt deze automatisch door Azure opgewarmd en naar productie geïmplementeerd door de staging- en productie-slots te wisselen. Voer de volgende stappen uit om automatisch wisselen te configureren:

  1. Ga naar het deelvenster Configuratie van de webapp van het stagingslot en ga naar het tabblad Algemene instellingen.

  2. Stel automatisch wisselen ingeschakeld in op Op.

  3. Selecteer in lijst implementatieslot voor automatisch wisselenproductieen selecteer vervolgens Opslaan en Doorgaan.

    schermopname van het configureren van automatisch wisselen.

Nieuwe code implementeren en automatisch uitrollen naar productie.

Nu wijzigt u de code om versie 3 van de web-app te maken. Wanneer u deze implementeert in de staging-slot, ziet u een automatische wissel in werking. Volg 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 bestand aan de linkerkant aspnet-get-started uit>Weergaven>Start-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. Als u de wijzigingen wilt opslaan, drukt u op Ctrl+S-.

  6. Voer in Cloud Shell de volgende opdrachten uit. Voer uw implementatiewachtwoord in wanneer 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 aangeeft dat de implementatie een automatische wissel naar het productieslot 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.

De nieuwe versie terugdraaien

Stel dat het implementeren van versie 3 van uw app in productie een onverwacht probleem heeft opgeleverd. U kunt dit snel oplossen door terug te keren naar de vorige versie van de site door de slots opnieuw te wisselen.

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

  2. Wissel de faserings- en productiesites.

  3. Wanneer de swapping is afgerond, selecteert u op de Overzicht pagina Bladeren om de app voor een laatste keer te bekijken. U ziet dat versie 2 opnieuw is uitgerold naar productie.