Ćwiczenie — konfigurowanie środowiska

  • 4 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 sekcji upewnisz 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 grupę zasobów na platformie Azure.
  • Utwórz połączenie usługi w usłudze Azure Pipelines.

Pobieranie projektu usługi Azure DevOps

W tym miejscu upewnij się, że organizacja usługi Azure DevOps została skonfigurowana w celu ukończenia pozostałej części tego modułu. Skonfigurujesz 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 i upewnić się, że nadasz mu nową nazwę.

Uruchamianie szablonu

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

Uruchamianie szablonu

W witrynie generatora demonstracyjnego usługi Azure DevOps wykonaj następujące kroki, aby uruchomić szablon:

  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-test.

    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 z wyróżnioną pozycją Pliki.

  2. Wybierz pozycję Klonuj.

    Zrzut ekranu usługi Azure DevOps przedstawiający repozytorium z wyróżnionym 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 z wyróżnionym przyciskiem 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 z wyróżnionym przyciskiem Otwórz.

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 grupy zasobów na platformie Azure

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

az group create --name ToyWebsiteTest --location westus3

Aby utworzyć grupę zasobów, uruchom to polecenie programu Azure PowerShell w terminalu programu Visual Studio Code:

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3

Tworzenie połączenia usługi w usłudze Azure Pipelines

Następnie utwórz połączenie usługi w usłudze Azure Pipelines. To połączenie 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 przedstawiający usługę Azure DevOps z wyróżnionym elementem 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 opcjami tworzenia połączenia z usługą.

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

    Zrzut ekranu przedstawiający usługę Azure DevOps z wyróżnionym typem połączenia usługi Azure Resource Manager.

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

    Zrzut ekranu przedstawiający usługę Azure DevOps z wyróżnioną 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.

    Zrzut ekranu usługi Azure DevOps przedstawiający szczegóły ukończone tworzenia połączenia z usługą z wyróżnionym przyciskiem Zapisz.

    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. Wybierz pozycję Zapisz.