Упражнение. Настройка среды

Завершено

Внимание

Для выполнения этого упражнения вам нужна собственная подписка Azure. При этом с вас может взиматься плата. Если у вас еще нет подписки Azure, создайте бесплатную учетную запись, прежде чем начинать работу.

Прежде чем начать работу с конвейером веб-сайта компании по продаже игрушек, необходимо настроить среду. В этом разделе вы настроите среды Azure и Azure DevOps для выполнения оставшейся части модуля.

Чтобы выполнить эти задачи, выполните следующие задачи:

  • Настройте проект Azure DevOps для этого модуля.
  • Клонируете репозиторий проекта на компьютер.
  • Создайте две группы ресурсов в Azure.
  • Создайте два подключения к службам и две среды в Azure Pipelines.

Получение проекта Azure DevOps

В этом разделе описано, как настроить организацию Azure DevOps для завершения остальной части этого модуля. Вы настроили его, запустив шаблон, создающий проект в Azure DevOps.

Модули в этом пути обучения являются частью прогресса. Для обучения каждый модуль имеет связанный проект Azure DevOps.

Совет

Даже если вы завершили предыдущий модуль схемы обучения, выполните эти инструкции, чтобы создать новый проект. Не забудьте присвоить проекту новое имя.

Запуск шаблона

Запустите шаблон, который настроит все необходимое в вашем проекте Azure DevOps.

На сайте демонстрационного генератора Azure DevOps сделайте следующее:

  1. Выберите Sign In (Вход) и примите условия использования сайта, выбрав Accept (Принять).

  2. На странице Create New Project (Создание нового проекта) выберите свою организацию Azure DevOps и в поле New Project Name (Имя нового проекта) введите имя проекта, например toy-website-end-to-end.

    Снимок экрана: область Azure DevOps Demo Generator для создания проекта.

  3. Выберите "Создать проект".

    Выполнение шаблона занимает несколько минут. Будут автоматически созданы конвейер и файл Bicep для использования в последующих упражнениях.

  4. Выберите "Перейти к проекту ", чтобы перейти к проекту в Azure DevOps.

Внимание

Последнее упражнение в этом модуле содержит важные действия по очистке. Следуйте инструкциям по очистке, даже если этот модуль не завершен.

Клонирование репозитория

  1. Выберите Repos>Файлы.

    Снимок экрана: интерфейс Azure DevOps, в котором отображается меню с выделенным пунктом

  2. Нажмите кнопку Клонировать.

    Снимок экрана: интерфейс Azure DevOps, в котором отображается репозиторий с выделенной кнопкой

  3. Если вы используете macOS, вам потребуется специальный пароль для клонирования репозитория Git. Выберите Создать учетные данные GIT и скопируйте отображаемые имя пользователя и пароль в безопасное место.

  4. Выберите Клонировать в VS Code. Если появится запрос на открытие кода Visual Studio (VS), нажмите кнопку "Открыть".

    Снимок экрана: интерфейс Azure DevOps с параметрами репозитория и выделенной кнопкой

  5. Если появится диалоговое окно с запросом на разрешение расширению открыть URI репозитория, нажмите кнопку Открыть.

  6. Создайте папку, которая будет использоваться для репозитория, и выберите Выбрать расположение репозитория.

  7. Если вы впервые используете этот репозиторий, может появиться запрос на вход.

    • В Windows введите те же учетные данные, которые вы использовали для входа в Azure DevOps ранее в этом упражнении.

    • В macOS введите только что созданные имя пользователя и пароль Git.

  8. Visual Studio Code предложит открыть репозиторий. Выберите Открыть.

    Снимок экрана: интерфейс Visual Studio Code с запросом на открытие клонированного репозитория и выделенной кнопкой

Вход в Azure

Для работы с группами ресурсов в Azure войдите в свою учетную запись Azure из терминала Visual Studio Code. Убедитесь, что средства Azure CLI установлены.

  1. В меню Терминал выберите Новый терминал. Окно терминала обычно открывается в нижней половине экрана.

  2. Если оболочка в правой части окна терминала указана как bash, то открыта подходящая оболочка, и вы можете перейти к следующему разделу.

    Снимок экрана: окно терминала Visual Studio Code с bash.

  3. Если появится оболочка, отличная от bash, выберите раскрывающийся список оболочек и выберите Git Bash (по умолчанию).

    Снимок экрана: окно терминала Visual Studio Code, где отображается раскрывающийся список оболочек терминала и выбран параметр

  4. В списке оболочек терминала выберите bash, а затем щелкните значок плюса, чтобы открыть новый терминал с оболочкой bash.

    Снимок экрана: окно терминала Visual Studio Code, где отображается терминал bash и выбран значок плюса.

Вход в Azure с помощью Azure CLI

  1. В терминале Visual Studio Code выполните указанную ниже команду, чтобы войти в Azure.

    az login
    
  2. В открывшемся браузере войдите в свою учетную запись Azure.

Для работы с группами ресурсов в Azure войдите в свою учетную запись Azure из терминала Visual Studio Code. Убедитесь, что Azure PowerShell установлено.

  1. В меню Терминал выберите Новый терминал. Окно терминала обычно открывается в нижней половине экрана.

  2. Если оболочка в правой части окна терминала указана как powershell или pwsh, то открыта подходящая оболочка, и вы можете перейти к следующему разделу.

    Снимок экрана: окно терминала Visual Studio Code, где в раскрывающемся списке оболочек выбран параметр pwsh.

  3. Если появится оболочка, отличная от powershell или pwsh, выберите раскрывающийся список оболочек и выберите PowerShell.

    Снимок экрана: окно терминала Visual Studio Code с раскрывающимся списком оболочки терминала и выбранным PowerShell.

  4. В списке оболочек терминала выберите powershell или pwsh, а затем щелкните значок плюса, чтобы открыть новый терминал, использующий оболочку powershell или pwsh.

    Снимок экрана: окно терминала Visual Studio Code с терминалом PowerShell и выбранным знаком плюса.

Вход в Azure с помощью Azure PowerShell

  1. В терминале Visual Studio Code выполните указанную ниже команду, чтобы войти в Azure.

    Connect-AzAccount
    
  2. В открывшемся браузере войдите в свою учетную запись Azure.

Создание двух групп ресурсов в Azure

Чтобы создать две группы ресурсов, выполните в терминале Visual Studio Code следующие команды Azure CLI:

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

Чтобы создать две группы ресурсов, выполните в терминале Visual Studio Code следующие команды Azure PowerShell:

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

Создание подключений к службам в Azure Pipelines

Далее создайте два подключения к службам в Azure Pipelines: одно для тестовой среды, а другое — для рабочей. При этом в Azure автоматически создается субъект-служба. Субъекту-службе также предоставляется роль участника в группе ресурсов, что позволяет конвейеру выполнять развертывание в группе ресурсов.

  1. В браузере выберите Параметры проекта.

    Снимок экрана: Azure DevOps, в котором показано меню с выделенным элементом параметров проекта.

  2. Выберите Подключения к службам>Создать подключение к службе.

    Снимок экрана: Azure DevOps, на котором показана область подключений службы с выделенной кнопкой

  3. Выберите Azure Resource Manager>Далее.

    Снимок экрана: Azure DevOps, на котором показана область подключений к службе с выделенным типом подключения службы Azure Resource Manager.

  4. Выберите Субъект-служба (автоматически)>Далее.

    Снимок экрана: Azure DevOps, на котором показана область подключения новой службы Azure с выделенным параметром субъекта-службы (автоматически).

  5. В раскрывающемся списке Подписка выберите свою подписку Azure.

    Если появится всплывающее окно с запросом на вход в Azure, введите учетные данные и выполните вход.

  6. В раскрывающемся списке Группа ресурсов выберите ToyWebsiteTest.

  7. В поле Имя подключения службы введите ToyWebsiteTest. Убедитесь, что установлен флажок Предоставить разрешение на доступ всем конвейерам.

    Снимок экрана: Azure DevOps, на котором показана область подключения к службе Azure для тестовой среды, с указанными сведениями и выделенной кнопкой

    Совет

    В этом упражнении для простоты вы разрешаете каждому конвейеру доступ к подключению к службе. При создании реальных служебных подключений, которые используют рабочие ресурсы, рекомендуется предоставлять доступ только тем конвейерам, которым он необходим.

  8. Выберите Сохранить.

  9. Повторите шаги 1–8, чтобы создать еще одно подключение к службе с именем ToyWebsiteProduction для развертывания в группе ресурсов ToyWebsiteProduction.

    Снимок экрана: Azure DevOps, на котором показана область подключения к службе Azure для рабочей среды, с выделенными сведениями и выделенной кнопкой

    Если список групп ресурсов не отображается, обновите страницу в браузере, введите учетные данные при появлении запроса и повторите попытку.

Примечание.

В предыдущих модулях этой схемы обучения вы добавили проверку утверждения в рабочую среду. В этом модуле для простоты проверка утверждения пропускается. Однако вы можете добавить ее самостоятельно, если хотите.