Cvičení – vytvoření slotů nasazení

  • 12 min

Slot nasazení je instance webové aplikace, ve které můžete otestovat novou verzi aplikace před jejím nasazením. Prohazováním slotů můžete nasadit novou verzi aplikace bez jakýchkoli prostojů.

Předpokládejme, že jste se rozhodli používat sloty nasazení služby Aplikace Azure Service, abyste zjednodušili nasazení nových verzí webové aplikace sociálních médií. Chcete nastavit webovou aplikaci v Azure a nakonfigurovat jeden nebo více slotů nasazení.

V tomto cvičení nastavíte webovou aplikaci, přidáte nový slot nasazení pro přípravu a nasadíte různé verze webové aplikace do produkčních a přípravných slotů.

Důležité

K provedení tohoto cvičení potřebujete vlastní předplatné Azure a mohou se vám účtovat poplatky. Pokud ještě nemáte předplatné Azure, vytvořte si bezplatný účet, než začnete.

Vytvoření webové aplikace

Začněte vytvořením nového prostředku webové aplikace na webu Azure Portal.

  1. Přihlaste se k portálu Azure.

  2. V nabídce prostředků nebo na domovské stránce vyberte Vytvořit prostředek. Zobrazí se podokno Vytvořit prostředek .

  3. V nabídce prostředků vyberte Web a ve výsledcích vyberte Web App. Zobrazí se podokno Vytvořit webovou aplikaci .

  4. Na kartě Základy zadejte pro každé nastavení následující hodnoty.

    Nastavení Hodnota
    Podrobnosti projektu
    Předplatné Vyberte předplatné, které chcete použít pro toto cvičení.
    Skupina prostředků Vyberte odkaz Vytvořit nový a zadejte mslearn-sloty a vyberte OK.
    Podrobnosti o instanci
    Název Zadejte jedinečný název.
    Publikování Kód
    Zásobník modulu runtime ASP.NET V4.8
    Operační systém Okna
    Oblast Vyberte nejbližší oblast.
    Plán služby App Service
    Plán Windows Přijměte výchozí nastavení.
    SKU a velikost Přijměte výchozí nastavení.

  5. Vyberte Další: Nasazení.

  6. Vyberte Další: Sítě.

  7. Vyberte Další: Monitorování a zadejte následující hodnotu nastavení.

    Nastavení Hodnota
    Application Insights
    Povolit Application Insights Přepnout na Ne

  8. Vyberte položku Zkontrolovat + vytvořit a potom vyberte Vytvořit. Počkejte, až nasazení proběhne úspěšně.

  9. Po dokončení nasazení vyberte Přejít na prostředek. Zobrazí se podokno App Service pro vaši webovou aplikaci.

Konfigurace nasazení z gitu

I když k nasazení kódu do webové aplikace můžete použít mnoho různých nástrojů, v tomto cvičení nastavíte webovou aplikaci tak, aby používala místní úložiště Git.

  1. V nabídce Služby App Service v části Nasazení vyberte Deployment Center. Zobrazí se podokno Deployment Center pro vaši službu App Service.

  2. Na kartě Nastavení v části Zdroj vyberte Místní Git a pak na panelu příkazů vyberte Uložit. Tím nastavíte nasazení.

  3. Vyberte kartu Místní přihlašovací údaje Git/FTPS. V části Obor uživatele zadejte jedinečné uživatelské jméno a heslo podle svého výběru a potom na panelu příkazů vyberte Uložit. Uživatelské jméno a heslo si poznamenejte na později.

Konfigurace klienta gitu a klonování zdrojového kódu webové aplikace

Teď nastavíte klienta Git v Cloud Shellu a použijete ho ke klonování ukázkové webové aplikace.

  1. V globálních ovládacích prvcích Azure v horní části stránky vyberte ikonu Cloud Shellu a spusťte relaci Azure Cloud Shellu.

    Screenshot of the Cloud Shell icon in global controls.

  2. Po zobrazení výzvy v relaci Cloud Shellu vyberte prostředí Bash a vytvořte úložiště pro vaše předplatné.

    Poznámka:

    Cloud Shell vyžaduje, aby prostředek úložiště Azure uchovával všechny soubory, které vytvoříte v Cloud Shellu. Při prvním otevření Cloud Shellu se zobrazí výzva k vytvoření skupiny prostředků, účtu úložiště a sdílené složky Azure Files. Toto nastavení se automaticky použije pro všechny budoucí relace Cloud Shellu.

  3. V Cloud Shellu zadejte následující příkaz a nahraďte <své uživatelské jméno> upřednostňovaným uživatelským jménem. Tato hodnota konfigurace není přidružená k žádnému účtu Azure, takže můžete použít libovolnou hodnotu, kterou chcete.

    git config --global user.name <your-username>

  4. V Cloud Shellu zadejte následující příkaz a nahraďte <svoji e-mailovou adresu upřednostňovanou e-mailovou adresou> . Tato hodnota konfigurace není přidružená k žádnému účtu Azure, takže můžete použít libovolnou hodnotu, kterou chcete.

    git config --global user.email <your-email-address>

  5. Zadáním následujícího kódu vytvořte a otevřete demoapp složku pro zdrojový kód.

    mkdir demoapp
cd demoapp

  6. Zadáním následujícího kódu naklonujte zdroj webové aplikace a otevřete místní kopii.

    git clone https://github.com/Azure-Samples/app-service-web-dotnet-get-started.git
cd app-service-web-dotnet-get-started

Konfigurace vzdáleného úložiště git pro nasazení aplikace do produkčního prostředí

Pomocí Gitu nasadíme zdrojový kód do produkčního slotu webové aplikace a pak nastavíme adresu URL gitu vaší aplikace jako vzdálené úložiště.

  1. Na webu Azure Portal by vaše webová aplikace měla být aktivní. V nabídce prostředků vyberte Přehled.

  2. V podokně Přehled vaší webové aplikace má část Základy adresu URL ve výchozí doméně. Všimněte si, že adresa URL obsahuje název nasazení webové aplikace.

    Screenshot of the Essentials section, where you Copy the git clone URL.

    Poznámka:

    Pokud nevidíte adresu URL git cloneu, kde se zobrazuje na předchozím snímku obrazovky, aktualizujte portál.

  3. Najeďte myší na adresu URL klonu Gitu a vyberte ikonu Kopírovat do schránky. Všimněte si, že tato hodnota obsahuje také vaše uživatelské jméno nasazení.

  4. Spuštěním následujícího příkazu v Cloud Shellu nakonfigurujte vzdálené úložiště Git s názvem "production". Nahraďte <adresu URL> git-clone-url obsahem, který jste zkopírovali do schránky z předchozího kroku.

    cd app-service-web-dotnet-get-started
git remote add production <git-clone-url>

  5. Spuštěním následujícího příkazu nasaďte webovou aplikaci do produkčního slotu. Po zobrazení výzvy k zadání hesla zadejte heslo nasazení, které jste vytvořili v předchozí úloze.

    git push production

    Relace terminálu identifikuje všechny procesy, které probíhají v rámci nasazení. Počkejte, až se nasazení dokončí. Mělo by se zobrazit oznámení o úspěšném nasazení.

  6. Na webu Azure Portal by mělo být podokno Přehled stále aktivní. Najeďte myší na adresu URL. Můžete na něj poklikáním otevřít na nové kartě prohlížeče nebo ho zkopírovat a vložit na novou kartu prohlížeče.

    Screenshot of your web app in the production slot.

  7. Zavřete kartu prohlížeče, která zobrazuje webovou aplikaci.

Vytvoření nového přípravného slotu

Pro webovou aplikaci jste vytvořili jeden slot, produkční slot a do tohoto slotu jste nasadili zdrojový kód. Pojďme vytvořit slot nasazení, ve kterém můžete vytvořit nové verze webové aplikace.

  1. V nabídce webu Azure Portal vyberte Domů a ve službách Azure vyberte Všechny prostředky. Vyfiltrujte podle typu == App Service a pak vyberte Použít.

  2. Seřaďte výsledek podle typu a pak vyberte službu App Service, kterou jste vytvořili. Zobrazí se podokno App Service pro vaši webovou aplikaci.

  3. V nabídce Služby App Service v části Nasazení vyberte Sloty nasazení. Zobrazí se podokno Nasazovací sloty pro vaši službu App Service.

    Screenshot of the App Service menu with Deployment slots highlighted.

  4. Na panelu příkazů vyberte + Přidat slot. Zobrazí se podokno Přidat slot .

  5. Do pole Název zadejte přípravný příkaz, přijměte výchozí nastavení klonování a pak vyberte Přidat.

  6. Po úspěšném vytvoření slotu nasazení vyberte Zavřít.

Nastavení nasazení gitu pro přípravný slot

Pojďme nastavit nový slot tak, aby používal nasazení Git.

  1. Na webu Azure Portal vyberte domovskou stránku a pak ve službách Azure vyberte Všechny prostředky.

  2. Seřaďte prostředky podle skupiny prostředků. pro skupinu prostředků mslearn-slots uvidíte dva typy služby App Service. Sloty nasazení jsou na portálu reprezentované jako samostatné aplikace.

  3. Vyberte přípravný slot. Zobrazí se podokno Přehled pro vaši službu App Service (Slot).

  4. V pracovní nabídce v části Nasazení vyberte Centrum nasazení.

  5. Na kartě Nastavení v části Zdroj vyberte Místní Git a pak na panelu příkazů vyberte Uložit, abyste nastavili nasazení pro přípravu.

  6. Ve výsledném podokně Deployment Center vyberte kartu Místní přihlašovací údaje Git/FTPS.

  7. V části Obor uživatele zadejte uživatelské jméno a heslo podle svého výběru a pak vyberte Uložit. Azure aktualizuje přihlašovací údaje uživatele. Uživatelské jméno a heslo si poznamenejte na později.

Nastavení gitu pro nasazení aplikace do přípravného slotu

Pokud chcete použít klienta Git k nasazení zdrojového kódu do nového slotu, přidáme do konfigurace Gitu další vzdálený přístup.

  1. V nabídce služby App Service vyberte Přehled. Pokud se zobrazí výzva k uložení hesla pro uživatelské jméno, které jste vytvořili v předchozím úkolu, vyberte Uložit.

  2. V podokně Přehled v části Základy najeďte myší na hodnotu adresy URL klonu Gitu a vyberte ikonu Kopírovat do schránky. Všimněte si, že adresa URL obsahuje vaše pracovní uživatelské jméno nasazení.

    Poznámka:

    Pokud nevidíte adresu URL git cloneu, aktualizujte portál. Všimněte si, že adresa URL klonu Gitu pro přípravu se mírně liší od adresy URL pro produkční slot a obsahuje název slotu.

  3. V Cloud Shellu se ujistěte, že jste ve složce ~/demoapp/app-service-web-dotnet-get-started, a spusťte následující příkaz a <nahraďte git-clone-uri adresou> URL, kterou jste zkopírovali v předchozím kroku.

    git remote add staging <git-clone-uri>

Úprava zdrojového kódu aplikace a nasazení aplikace do přípravného slotu

V dalším kroku provedeme malou změnu souborů webové aplikace a pak pomocí Gitu nasadíte novou verzi do přípravného slotu:

  1. V Cloud Shellu spusťte následující příkaz.

    code .

  2. V seznamu souborů rozbalte domovskou složku Zobrazení> aspnet-get-started>a vyberte Index.cshtml.

  3. Vyhledejte následující kód HTML.

    <h1>ASP.NET</h1>

  4. Nahraďte tento kód tímto kódem HTML.

    <h1>Web App Version 2</h1>

  5. Stisknutím kombinace kláves Ctrl+S uložte provedené změny a stisknutím kombinace kláves Ctrl+Q zavřete editor.

  6. Spuštěním následujícího kódu v Cloud Shellu potvrďte novou verzi aplikace do Gitu a nasaďte ho do přípravného slotu.

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

    Po zobrazení výzvy zadejte heslo nasazení. Oznámení o operacích pro vytvoření a nasazení přípravného zobrazení v relaci Cloud Shellu a mělo by se zobrazit úspěšné nasazení.

Přechod do přípravného slotu

Novou verzi webové aplikace teď můžete zobrazit tak, že přejdete na adresu URL přípravného slotu nasazení.

  1. Na webu Azure Portal vyberte v podokně Přehled přípravného slotu možnost Procházet z panelu příkazů nebo vyberte adresu URL ve výchozí doméně. Domovská stránka pro přípravnou webovou aplikaci verze 2 se zobrazí na kartě prohlížeče.

    Screenshot of the updated web app in the staging slot.

Blahopřejeme, vytvořili jste přípravný slot, který má vlastní verzi kódu webové aplikace, a můžete na něm spouštět testy. Mějte na paměti, že v produkčním slotu je předchozí verze webové aplikace a uživatelé ještě váš nový kód nevidí.