Ćwiczenie — konfigurowanie środowiska

  • 6 min

Ważne

Do wykonania tego ćwiczenia potrzebna jest własna subskrypcja platformy Azure. Ponadto mogą zostać naliczone opłaty. Jeśli nie masz jeszcze subskrypcji platformy Azure, przed rozpoczęciem utwórz bezpłatne konto.

Przed rozpoczęciem pracy nad potokiem witryny sieci Web firmowej firmy należy skonfigurować środowisko. W tej lekcji upewnij się, że środowiska platformy Azure i usługi Azure DevOps zostały skonfigurowane w celu ukończenia pozostałej części tego modułu.

Aby osiągnąć te cele, wykonasz następujące czynności:

  • Skonfiguruj projekt usługi Azure DevOps dla tego modułu.
  • Sklonuj repozytorium projektu na komputer.
  • Utwórz dwie grupy zasobów na platformie Azure.
  • Utwórz dwa połączenia usług i środowiska w usłudze Azure Pipelines.
  • Usuń zasoby, których nie potrzebujesz we wstępnie utworzonym projekcie usługi Azure DevOps.

Pobieranie projektu usługi Azure DevOps

Upewnij się, że organizacja usługi Azure DevOps została skonfigurowana w celu ukończenia pozostałej części tego modułu. Konfigurujesz go, uruchamiając szablon, który tworzy projekt w usłudze Azure DevOps.

Moduły w tej ścieżce szkoleniowej są częścią postępu. Dla celów szkoleniowych każdy moduł ma skojarzony projekt usługi Azure DevOps.

Napiwek

Nawet jeśli poprzedni moduł został ukończony w ścieżce szkoleniowej, postępuj zgodnie z tymi instrukcjami, aby utworzyć nowy projekt. Pamiętaj, aby nadać mu nową nazwę.

Uruchamianie szablonu

Uruchom szablon, który konfiguruje projekt usługi Azure DevOps.

Uruchamianie szablonu

W witrynie Azure DevOps Demo Generator wykonaj następujące kroki:

  1. Wybierz pozycję Zaloguj się i zaakceptuj warunki użytkowania.

  2. Na stronie Tworzenie nowego projektu wybierz organizację usługi Azure DevOps. Następnie wprowadź nazwę projektu, taką jak toy-website-environments.

    Zrzut ekranu przedstawiający tworzenie projektu za pomocą generatora demonstracyjnego usługi Azure DevOps.

  3. Wybierz pozycję Utwórz projekt.

    Uruchomienie szablonu zajmuje kilka chwil. Automatycznie tworzy potok i plik Bicep, z którym będziesz pracować w kolejnych ćwiczeniach.

  4. Wybierz pozycję Przejdź do projektu , aby przejść do projektu w usłudze Azure DevOps.

Ważne

Ostatnie ćwiczenie w tym module zawiera ważne kroki oczyszczania. Pamiętaj, aby wykonać kroki oczyszczania, nawet jeśli nie ukończysz tego modułu.

Klonowanie repozytorium

  1. Wybierz pozycję Pliki repozytoriów>.

    Zrzut ekranu usługi Azure DevOps przedstawiający menu Repozytoria i element Pliki.

  2. Wybierz pozycję Klonuj.

    Zrzut ekranu przedstawiający usługę Azure DevOps z repozytorium i przyciskiem Klonuj.

  3. Jeśli używasz systemu macOS, potrzebujesz specjalnego hasła, aby sklonować repozytorium Git. Wybierz pozycję Generuj poświadczenia usługi Git i skopiuj wyświetlaną nazwę użytkownika i hasło w bezpiecznym miejscu.

  4. Wybierz pozycję Klonuj w programie VS Code. Jeśli zostanie wyświetlony monit o zezwolenie programowi Visual Studio Code na otwarcie, wybierz pozycję Otwórz.

    Zrzut ekranu usługi Azure DevOps przedstawiający ustawienia repozytorium i przycisk klonowania w programie Visual Studio Code.

  5. Jeśli zostanie wyświetlone okno dialogowe, zostanie wyświetlony monit o zezwolenie rozszerzeniu na otwarcie identyfikatora URI repozytorium, wybierz pozycję Otwórz.

  6. Utwórz folder do użycia dla repozytorium, a następnie wybierz pozycję Wybierz lokalizację repozytorium.

  7. Używasz tego repozytorium po raz pierwszy, więc zostanie wyświetlony monit o zalogowanie się.

    • Jeśli używasz systemu Windows, wprowadź te same poświadczenia, które były używane do logowania się do usługi Azure DevOps wcześniej w tym ćwiczeniu.

    • Jeśli używasz systemu macOS, wprowadź nazwę użytkownika i hasło usługi Git wygenerowane kilka chwil temu.

  8. Program Visual Studio Code monituje o otwarcie repozytorium. Wybierz Otwórz.

    Zrzut ekranu programu Visual Studio Code przedstawiający monit o otwarcie sklonowanego repozytorium.

Logowanie się do platformy Azure

Aby pracować z grupami zasobów na platformie Azure, zaloguj się do konta platformy Azure z poziomu terminalu programu Visual Studio Code. Upewnij się, że zainstalowano narzędzia interfejsu wiersza polecenia platformy Azure.

  1. W menu Terminal wybierz pozycję Nowy terminal. Okno terminalu zwykle otwiera się w dolnej połowie ekranu.

  2. Jeśli powłoka wyświetlana po prawej stronie okna terminalu jest powłoka bash, prawidłowa powłoka jest otwarta i możesz przejść do następnej sekcji.

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z wyświetloną opcją powłoki Bash.

  3. Jeśli zostanie wyświetlona powłoka inna niż powłoka bash, wybierz listę rozwijaną powłoki, a następnie wybierz pozycję Git Bash (ustawienie domyślne).

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z wyświetloną listą rozwijaną powłoki terminalu i wybraną pozycją Domyślna powłoka Git Bash.

  4. Na liście powłok terminali wybierz powłokę bash, a następnie wybierz znak plus, aby otworzyć nowy terminal, który używa powłoki powłoki Bash .

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z wybranym terminalem powłoki bash i znakiem plus.

Logowanie się do platformy Azure przy użyciu interfejsu wiersza polecenia platformy Azure

  1. W terminalu programu Visual Studio Code uruchom następujące polecenie, aby zalogować się na platformie Azure:

    az login

  2. W przeglądarce, która zostanie otwarta, zaloguj się do konta platformy Azure.

Aby pracować z grupami zasobów na platformie Azure, zaloguj się do konta platformy Azure z poziomu terminalu programu Visual Studio Code. Upewnij się, że zainstalowano program Azure PowerShell.

  1. W menu Terminal wybierz pozycję Nowy terminal. Okno terminalu zwykle otwiera się w dolnej połowie ekranu.

  2. Jeśli powłoka wyświetlana po prawej stronie okna terminalu to powershell lub pwsh, prawidłowa powłoka jest otwarta i możesz przejść do następnej sekcji.

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z opcją p w s h wyświetlaną na liście rozwijanej powłoki.

  3. Jeśli zostanie wyświetlona powłoka inna niż powershell lub pwsh , wybierz listę rozwijaną powłoki, a następnie wybierz program PowerShell.

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z wyświetloną listą rozwijaną powłoki terminalu i wybranym programem PowerShell.

  4. Na liście powłok terminali wybierz program PowerShell lub pwsh, a następnie wybierz znak plus, aby otworzyć nowy terminal, który używa programu PowerShell lub powłoki pwsh.

    Zrzut ekranu przedstawiający okno terminalu programu Visual Studio Code z wybranym terminalem programu PowerShell i znakiem plusa.

Logowanie się na platformie Azure przy użyciu programu Azure PowerShell

  1. W terminalu programu Visual Studio Code uruchom następujące polecenie, aby zalogować się na platformie Azure:

    Connect-AzAccount

  2. W przeglądarce, która zostanie otwarta, zaloguj się do konta platformy Azure.

Tworzenie dwóch grup zasobów na platformie Azure

Aby utworzyć dwie nowe grupy zasobów, uruchom następujące polecenia interfejsu wiersza polecenia platformy Azure w terminalu programu Visual Studio Code:

az group create --name ToyWebsiteTest --location westus3
az group create --name ToyWebsiteProduction --location westus3

Aby utworzyć dwie nowe grupy zasobów, uruchom następujące polecenia programu Azure PowerShell w terminalu programu Visual Studio Code:

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3
New-AzResourceGroup -Name ToyWebsiteProduction -Location westus3

Tworzenie połączeń usług w usłudze Azure Pipelines

Następnie utwórz dwa połączenia usługi w usłudze Azure Pipelines: jedno dla środowiska testowego i drugie dla środowiska produkcyjnego. Ten proces automatycznie tworzy jednostkę usługi na platformie Azure. Ponadto przyznaje jednostce usługi rolę Współautor w grupie zasobów, która umożliwia wdrożenie potoku w grupie zasobów.

  1. W przeglądarce wybierz pozycję Ustawienia projektu.

    Zrzut ekranu usługi Azure DevOps przedstawiający element menu ustawień projektu.

  2. Wybierz pozycję Połączenia>usługi Utwórz połączenie z usługą.

    Zrzut ekranu przedstawiający usługę Azure DevOps z przyciskiem tworzenia połączenia z usługą.

  3. Wybierz pozycję Azure Resource Manager>Next (Dalej).

    Zrzut ekranu usługi Azure DevOps przedstawiający typ połączenia usługi Azure Resource Manager.

  4. Wybierz pozycję Jednostka usługi (automatyczna)>Dalej.

    Zrzut ekranu przedstawiający usługę Azure DevOps z opcją jednostki usługi.

  5. Z listy rozwijanej Subskrypcja wybierz subskrypcję platformy Azure.

    Może pojawić się okno podręczne z prośbą o zalogowanie się na platformie Azure. Jeśli tak, wprowadź swoje poświadczenia i zaloguj się.

  6. Z listy rozwijanej Grupa zasobów wybierz pozycję ToyWebsiteTest.

  7. W polu Nazwa połączenia z usługą wprowadź wartość ToyWebsiteTest. Upewnij się, że pole wyboru Udziel uprawnień dostępu do wszystkich potoków jest zaznaczone, a następnie wybierz pozycję Zapisz.

    Zrzut ekranu usługi Azure DevOps przedstawiający ukończone szczegóły tworzenia połączenia usługi dla środowiska testowego.

    Napiwek

    Dla uproszczenia zapewniasz każdemu potokowi dostęp do połączenia z usługą. Podczas tworzenia rzeczywistych połączeń usług, które współpracują z zasobami produkcyjnymi, rozważ ograniczenie dostępu tylko do potoków, które ich potrzebują.

  8. Powtórz poprzedni proces, aby utworzyć kolejne nowe połączenie usługi o nazwie ToyWebsiteProduction, które jest wdrażane w grupie zasobów o nazwie ToyWebsiteProduction.

    Zrzut ekranu usługi Azure DevOps przedstawiający stronę tworzenia połączenia usługi dla środowiska produkcyjnego z ukończonymi szczegółami.

    Jeśli lista grup zasobów nie zostanie zaktualizowana, odśwież stronę w przeglądarce i spróbuj ponownie.

Tworzenie środowisk w usłudze Azure Pipelines

  1. W przeglądarce przejdź do pozycji Środowiska potoków>.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający menu Potoki i element Środowiska.

  2. Wybierz pozycję Nowe środowisko.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający stronę Środowiska i przycisk tworzenia środowiska.

  3. Wprowadź wartość Test jako nazwę środowiska.

    Pozostaw puste miejsce na opis. W obszarze Zasób wybierz pozycję Brak. Następnie wybierz Utwórz.

    Uwaga

    W usłudze Azure Pipelines środowiska są używane do włączania funkcji wdrażania. Niektóre z tych funkcji mają zastosowanie tylko w przypadku wdrażania na platformie Kubernetes lub na maszynach wirtualnych. W tym module nie używamy tych funkcji i można je zignorować.

    Zrzut ekranu przedstawiający stronę usługi Azure DevOps dla nowego środowiska o nazwie Test z ukończonymi szczegółami i przyciskiem Utwórz.

    Aby potok mógł korzystać ze środowiska, musisz przyznać mu uprawnienie. Dla uproszczenia można zezwolić wszystkim potokom na dostęp do środowiska. We własnych potokach należy ograniczyć dostęp do środowisk tylko do potoków, które tego wymagają.

  4. Wybierz przycisk z trzema kropkami i wybierz pozycję Zabezpieczenia.

    Zrzut ekranu przedstawiający stronę usługi Azure DevOps dla środowiska o nazwie Test z wyświetlonym menu Więcej akcji i wyróżnionym elementem Zabezpieczenia.

  5. W sekcji o nazwie Uprawnienia potoku, jeśli istnieje przycisk o nazwie Ogranicz uprawnienie, wybierz go.

  6. Wybierz przycisk z trzema kropkami. Wybierz pozycję Otwórz dostęp.

    Zrzut ekranu przedstawiający stronę usługi Azure DevOps dla środowiska o nazwie Test z wyświetlonym menu Więcej akcji i wyróżnionym elementem Otwórz dostęp.

  7. Wybierz strzałkę w lewo dwa razy, aby powrócić do listy środowisk.

    Zrzut ekranu przedstawiający stronę usługi Azure DevOps dla środowiska o nazwie Test, w tym przycisk strzałki.

  8. Powtórz ten proces, aby utworzyć inne środowisko o nazwie Production. Pamiętaj, aby ustawić go w celu otwarcia dostępu.

    Zrzut ekranu przedstawiający stronę usługi Azure DevOps dla nowego środowiska o nazwie Produkcja z ukończonymi szczegółami.

    Pozostaw otwartą stronę środowiska produkcyjnego.

Dodawanie sprawdzania zatwierdzenia do środowiska produkcyjnego

  1. W prawym górnym rogu strony wybierz przycisk z trzema kropkami, a następnie wybierz pozycję Zatwierdzenia i testy z menu podręcznego.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający środowisko witryny internetowej i przycisk z trzema kropkami.

  2. Wybierz pozycję Zatwierdzenia.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający stronę dodawania sprawdzania i elementu Zatwierdzenia.

  3. W polu tekstowym Osoby zatwierdzające wpisz własną nazwę i wybierz siebie.

  4. Wybierz przycisk strzałki obok pozycji Zaawansowane.

    Zauważ, że domyślnie osoby zatwierdzające mogą zatwierdzać wyzwalane przebiegi. Ponieważ jesteś jedyną osobą korzystającą z tego potoku, pozostaw to pole wyboru zaznaczone. W innych organizacjach może być konieczne określenie innego osoby zatwierdzającej w celu spełnienia wymagań dotyczących zgodności.

  5. Wybierz pozycję Utwórz.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający stronę dodawania sprawdzania zatwierdzenia z wypełnionymi szczegółami i przyciskiem Utwórz.

Usuwanie starego środowiska

W poprzednich wersjach potoku użyto pojedynczego środowiska o nazwie Witryna internetowa. Po utworzeniu środowisk potoku reprezentujących nowe środowiska możesz usunąć stare środowisko potoku.

  1. Przejdź do obszaru Środowiska potoków>.

  2. Wybierz środowisko witryny sieci Web.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający listę środowisk i środowisko witryny internetowej.

  3. W prawym górnym rogu strony wybierz przycisk z trzema kropkami i wybierz pozycję Usuń z menu podręcznego.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający środowisko testowe z wyróżnionym menu Więcej akcji i przyciskiem Usuń.

  4. Aby potwierdzić usunięcie, wybierz opcję Usuń.

Usuwanie starych zmiennych

W poprzednich wersjach potoku użyto pojedynczego zestawu zmiennych do zdefiniowania parametrów i konfiguracji wdrożenia. Teraz, gdy wdrażasz w wielu środowiskach, możesz usunąć te zmienne i zastąpić je zestawami zmiennych specyficznych dla środowiska wkrótce.

  1. Przejdź do pozycji Potoki potoków>.

  2. Wybierz potok toy-website-environments.

  3. Wybierz przycisk Edytuj.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający potok i przycisk Edytuj.

  4. Wybierz przycisk Zmienne.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający potok i przycisk Zmienne.

  5. Wybierz przycisk Usuń zmienną dla każdej z trzech zmiennych.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps przedstawiający listę zmiennych i przycisk usuwania.

  6. Wybierz pozycję Zapisz.

    Zrzut ekranu przedstawiający interfejs usługi Azure DevOps pokazujący usunięcie trzech zmiennych i przycisk Zapisz.