Ćwiczenie — tworzenie miejsc wdrożenia

Ukończone

Slot wdrożeniowy to instancja aplikacji internetowej, w której można przetestować nową wersję aplikacji przed jej wdrożeniem. Zamieniając miejsca, można wdrożyć nową wersję aplikacji bez żadnych przestojów.

Załóżmy, że zdecydujesz się użyć slotów wdrożeniowych usługi Azure App Service, aby usprawnić wdrażanie nowych wersji internetowej aplikacji społecznościowej. Chcesz skonfigurować aplikację internetową na platformie Azure i skonfigurować co najmniej jedno gniazdo wdrożenia.

W tym ćwiczeniu skonfigurujesz aplikację internetową, dodasz nowy slot wdrożeniowy dla środowiska testowego i wdrożysz różne wersje aplikacji internetowej do slotów produkcyjnego i testowego.

Ważny

Do wykonania tego ćwiczenia potrzebna jest własna subskrypcja platformy Azure i może zostać naliczona opłata. Jeśli nie masz jeszcze subskrypcji platformy Azure, przed rozpoczęciem utwórz bezpłatne konto .

Tworzenie aplikacji internetowej

Zacznij od utworzenia nowego zasobu aplikacji internetowej w witrynie Azure Portal.

1. Zaloguj się do witryny Azure Portal.

2. W menu zasobów lub na stronie głównej wybierz pozycję Utwórz zasób. Zostanie wyświetlone okienko Tworzenie zasobu .

3. W menu zasobów wybierz pozycję Internet, a następnie z wyników wybierz pozycję Aplikacja internetowa. Zostanie wyświetlone okienko Tworzenie aplikacji internetowej .

4. Na karcie Podstawy wprowadź następujące wartości dla każdego ustawienia.

   Ustawienie	Wartość
   Szczegóły projektu
   Subskrypcja	Wybierz subskrypcję, której chcesz użyć, aby ukończyć ćwiczenie
   Grupa zasobów	Wybierz link Utwórz nowy, wprowadź mslearn-slots i wybierz OK.
   Szczegóły wystąpienia
   Nazwa	Wprowadź unikatową nazwę.
   Opublikuj	Kod
   Stos środowiska uruchomieniowego	ASP.NET 4.8
   System operacyjny	Windows
   Rejon	Wybierz region w pobliżu.
   App Service Plan
   Plan Windows	Zaakceptuj wartość domyślną.
   Jednostka SKU i rozmiar	Zaakceptuj wartość domyślną.

5. Wybierz pozycję Dalej: Baza danych.

6. Wybierz pozycję Dalej: Wdrożenie.

7. Wybierz Dalej: Sieć.

8. Wybierz pozycję Dalej: Monitorowanie i zabezpieczanie, a następnie wprowadź następującą wartość ustawienia.

   Ustawienie	Wartość
   Application Insights
   Włączanie usługi Application Insights	Przełącz na nie

9. Wybierz Przejrzyj i utwórz, a następnie Utwórz. Zaczekaj, aż wdrożenie zakończy się pomyślnie.

10. Po zakończeniu wdrażania wybierz pozycję Przejdź do zasobu. Zostanie wyświetlone okienko App Service dla aplikacji internetowej.

Konfigurowanie wdrożenia usługi Git

Chociaż możesz użyć wielu różnych narzędzi do wdrażania kodu w aplikacji internetowej, w tym ćwiczeniu skonfigurujesz aplikację internetową do korzystania z lokalnego repozytorium git.

1. W menu usługi App Service w obszarze Wdrożenie wybierz pozycję Centrum wdrażania. Zostanie wyświetlony panel Centrum wdrażania dla usługi App Service.

2. Na karcie Ustawienia w polu Źródło wybierz pozycję Lokalne narzędzie Git, a następnie wybierz pozycję Zapisz na pasku poleceń, aby skonfigurować wdrożenie.

3. Wybierz kartę Lokalne poświadczenia git/FTPS . W obszarze Zakres użytkownika wprowadź wybraną unikatową nazwę użytkownika i hasło, a następnie na pasku poleceń wybierz pozycję Zapisz. Zanotuj nazwę użytkownika i hasło do późniejszego użycia.

Konfigurowanie klienta git i klonowanie kodu źródłowego aplikacji internetowej

Teraz skonfigurujesz klienta git w usłudze Cloud Shell i użyjesz go do sklonowania przykładowej aplikacji internetowej.

1. W obszarze kontrolek globalnych platformy Azure w górnej części strony wybierz ikonę usługi Cloud Shell, aby uruchomić sesję usługi Azure Cloud Shell.

   

2. W sesji Cloud Shell, po wyświetleniu monitu, wybierz środowisko Bash i utwórz magazyn dla swojej subskrypcji.

   Notatka

   Usługa Cloud Shell wymaga, aby zasób magazynu platformy Azure utrwalał wszystkie pliki utworzone w usłudze Cloud Shell. Po pierwszym otwarciu usługi Cloud Shell zostanie wyświetlony monit o utworzenie grupy zasobów, konta magazynu i udziału usługi Azure Files. Ta konfiguracja jest automatycznie używana dla wszystkich przyszłych sesji usługi Cloud Shell.

3. Wprowadź następujące polecenie w usłudze Cloud Shell, zastępując <nazwa użytkownika> preferowaną nazwą użytkownika. Ta wartość konfiguracji nie jest skojarzona z żadnym kontem platformy Azure, więc możesz użyć dowolnej wartości.

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

4. Wprowadź następujące polecenie w usłudze Cloud Shell, zastępując <adres-e-mail> preferowanym adresem e-mail. Ta wartość konfiguracji nie jest skojarzona z żadnym kontem platformy Azure, więc możesz użyć dowolnej wartości.

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

5. Wprowadź następujący kod, aby utworzyć i otworzyć folder demoapp dla kodu źródłowego.

   mkdir demoapp
   cd demoapp
   

6. Wprowadź następujący kod, aby sklonować źródło aplikacji internetowej i otworzyć lokalną kopię.

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

Konfigurowanie zdalnego repozytorium Git w celu wdrożenia aplikacji w środowisku produkcyjnym

Użyjemy narzędzia Git, aby wdrożyć kod źródłowy w miejscu produkcyjnym aplikacji internetowej, a następnie skonfigurować adres URL git aplikacji jako repozytorium zdalne.

1. W witrynie Azure Portal aplikacja internetowa powinna być aktywna. W menu zasobów wybierz pozycję Przegląd.

2. W okienku Przegląd aplikacji internetowej sekcja Podstawy zawiera adres URL w domenie domyślnej. Adres URL zawiera nazwę wdrożenia aplikacji internetowej.

   

   Notatka

   Jeśli nie widzisz adresu URL klonowania git w lokalizacji pokazanej na poprzednim zrzucie ekranu, odśwież portal.

3. Najedź kursorem na Git Clone URL i wybierz ikonę Kopiuj do schowka. Ta wartość zawiera również nazwę użytkownika używanego w wdrożeniu.

4. W usłudze Cloud Shell uruchom następujące polecenie, aby skonfigurować zdalne narzędzie git o nazwie production. Zastąp \<git-clone-url> zawartością skopiowaną do schowka z poprzedniego kroku.

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

5. Uruchom następujące polecenie, aby wdrożyć aplikację internetową w miejscu produkcyjnym. Po wyświetleniu monitu o hasło wprowadź hasło wdrożenia utworzone w poprzednim zadaniu.

   git push production
   

   Sesja terminalu identyfikuje wszystkie procesy, które odbywają się w ramach wdrożenia. Poczekaj na zakończenie wdrażania. Powinno zostać wyświetlone powiadomienie o pomyślnym wdrożeniu .

6. W witrynie Azure Portal okienko Przegląd powinno być nadal aktywne. Umieść kursor na adresie URL . Możesz kliknąć go dwukrotnie, aby otworzyć go na nowej karcie przeglądarki lub skopiować i wkleić go do nowej karty przeglądarki.

   

7. Zamknij kartę przeglądarki wyświetlającą aplikację internetową.

Tworzenie nowego miejsca przejściowego

W przypadku aplikacji internetowej utworzono jedno miejsce, miejsce produkcyjne i wdrożono kod źródłowy w tym miejscu. Utwórzmy miejsce wdrożenia, w którym można przygotować nowe wersje aplikacji internetowej.

1. W menu witryny Azure Portal wybierz pozycję Strona główna, a w usługach platformy Azure wybierz pozycję Wszystkie zasoby. Filtruj według typu == App Service, a następnie wybierz pozycję Zastosuj.

2. Posortuj wynik według typu , a następnie wybierz utworzoną usługę typu App Service. Zostanie wyświetlone okienko App Service dla aplikacji internetowej.

3. W menu usługi App Service w obszarze Wdrożenie wybierz pozycję Miejsca wdrożenia. Pojawi się okienko Miejsca wdrożenia dla App Service.

   

4. Na pasku poleceń wybierz pozycję + Dodaj miejsce. Pojawia się okienko Dodaj slot .

5. W polu Nazwa wprowadź etap, zaakceptuj wartość domyślną Klonuj ustawienia z, a następnie wybierz pozycję Dodaj.

6. Po pomyślnym utworzeniu miejsca wdrożenia wybierz opcję Zamknij.

Skonfiguruj wdrożenie Gita dla slotu przejściowego

Ustawmy nowy slot tak, aby używał wdrażania za pomocą git.

1. W witrynie Azure Portal wybierz pozycję Strona główna , a następnie z poziomu usług platformy Azure wybierz pozycję Wszystkie zasoby.

2. Posortuj zasoby według grupy zasobów . dla grupy zasobów mslearn-slots istnieją dwa typy usługi App Service. Miejsca wdrożenia są reprezentowane jako oddzielne aplikacje w portalu.

3. Wybierz miejsce przejściowe. Zostanie wyświetlony panel Przegląd usługi App Service (slot).

4. W menu Przejściowe w obszarze Wdrożenie wybierz pozycję Centrum wdrażania.

5. Na karcie Ustawienia w polu Źródło wybierz pozycję Lokalny Git, a następnie wybierz pozycję Zapisz na pasku poleceń, aby skonfigurować wdrożenie do etapu testowego.

6. W okienku Centrum wdrażania wybierz kartę Poświadczenia lokalne Git/FTPS.

7. W obszarze Zakres użytkownika wprowadź wybraną nazwę użytkownika i hasło, a następnie wybierz pozycję Zapisz. Platforma Azure aktualizuje poświadczenia użytkownika. Zanotuj nazwę użytkownika i hasło do późniejszego użycia.

Konfigurowanie usługi Git w celu wdrożenia aplikacji w miejscu przejściowym

Aby użyć klienta git do wdrożenia kodu źródłowego w nowym miejscu, dodajmy dodatkową zdalną konfigurację usługi Git.

1. W menu usługi App Service wybierz pozycję Przegląd. Jeśli zostanie wyświetlony monit o zapisanie hasła dla nazwy użytkownika utworzonej w poprzednim zadaniu, wybierz pozycję Zapisz.

2. W okienku Przegląd w sekcji Podstawy umieść kursor nad wartością adresu URL klonowania Git i wybierz ikonę Kopiuj do schowka . Adres URL zawiera nazwę użytkownika środowiska testowego.

   Notatka

   Jeśli nie widzisz adresu URL klonowania git, odśwież portal. Adres URL klonowania Git dla środowiska testowego różni się nieco od adresu URL dla slotu produkcyjnego i zawiera nazwę slotu.

3. W usłudze Cloud Shell upewnij się, że jesteś w folderze ~/demoapp/app-service-web-dotnet-get-started, a następnie uruchom następujące polecenie, zastępując <git-clone-uri> adresem URL skopiowanym w poprzednim kroku.

   git remote add staging <git-clone-uri>
   

Zmodyfikuj kod źródłowy aplikacji i wdrażaj aplikację do środowiska przejściowego

Następnie wprowadźmy niewielką zmianę w plikach aplikacji internetowej, a następnie użyjmy narzędzia git, aby wdrożyć nową wersję w miejscu przejściowym:

1. W usłudze Cloud Shell uruchom następujące polecenie.

   code .
   

2. Na liście PLIKÓW rozwiń pozycje aspnet-get-started>Views>Home i wybierz pozycję Index.cshtml.

3. Znajdź następujący kod HTML.

   <h1>ASP.NET</h1>
   

4. Zastąp ten kod tym kodem HTML.

   <h1>Web App Version 2</h1>
   

5. Naciśnij Ctrl+S , aby zapisać zmiany, a następnie naciśnij Ctrl+Q , aby zamknąć edytor.

6. W usłudze Cloud Shell uruchom następujący kod, aby zatwierdzić nową wersję aplikacji w usłudze git i wdrożyć ją w miejscu przejściowym.

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

   Po wyświetleniu monitu wprowadź hasło wdrożenia. Powiadomienia o operacjach w celu utworzenia i wdrożenia wyświetlania przejściowego w sesji usługi Cloud Shell i powinny wyświetlić komunikat Wdrożenie zakończyło się pomyślnie.

Przeglądanie miejsca przejściowego

Teraz możesz wyświetlić nową wersję aplikacji internetowej, przechodząc do adresu URL przejściowego miejsca wdrożenia.

1. W portalu Azure, w okienku Przegląd dla miejsca przejściowego, wybierz pozycję Przeglądaj na pasku poleceń lub wybierz adres URL w Domenie domyślnej. Strona główna środowiska testowego Web App Version 2 jest wyświetlana na karcie przeglądarki.

   

Gratulacje, właśnie utworzono wydzielony obszar testowy, który ma własną wersję kodu aplikacji webowej, i możesz uruchomić na nim testy. Pamiętaj, że miejsce produkcyjne ma poprzednią wersję aplikacji internetowej, a użytkownicy nie widzą jeszcze nowego kodu.