练习 - 设置环境

  • 4 分钟

重要

需要自己的 Azure 订阅才能运行此练习，这可能会产生费用。 如果还没有 Azure 订阅，请在开始前创建一个免费帐户。

在你开始处理玩具公司的网站管道之前，需要配置环境。 在本部分中，确保已设置好 Azure 和 Azure DevOps 环境，以完成本模块的其余操作。

为了达成这些目标，你需要：

  • 设置一个 Azure DevOps 项目供本模块使用。
  • 将项目的存储库克隆到计算机。
  • 在 Azure 中创建资源组。
  • 在 Azure Pipelines 中创建服务连接。

获取 Azure DevOps 项目

在这里，需确保 Azure DevOps 组织已设置好，可完成本模块的其余操作。 你可运行在 Azure DevOps 中创建项目的模板来进行设置。

本学习路径中的模块是循序渐进的。 为便于学习，每个模块都有一个关联的 Azure DevOps 项目。

提示

即使已完成学习路径中的上一个模块，也请按照这些说明创建新项目，并确保为该其提供一个新名称。

运行模板

运行一个模板来设置 Azure DevOps 项目。

运行模板

在 Azure DevOps Demo Generator 网站上，按照以下步骤运行模板：

  1. 选择“Sign In”并接受使用条款。

  2. 在“Create New Project”页面上，选择 Azure DevOps 组织。 然后输入项目名称，例如 toy-website-test。

    Screenshot that shows creating a project through the Azure DevOps Demo Generator.

  3. 选择“创建项目”。

    模板需要一些时间来运行。 它会自动创建一个管道和 Bicep 文件，供你在后续练习中使用。

  4. 选择“导航到项目”，转到你在 Azure DevOps 中的项目。

重要

本模块的最后一个练习包含重要的清理步骤。 即使未完成此模块，也务必要按照清理步骤操作。

克隆存储库

  1. 选择“Repos”>“文件”。

    Screenshot of Azure DevOps that shows the Repos menu, with Files highlighted.

  2. 选择“克隆”。

    Screenshot of Azure DevOps that shows the repository, with the Clone button highlighted.

  3. 如果使用的是 macOS，则需要提供特定密码才能克隆 Git 存储库。 选择“生成 Git 凭据”，然后将显示的用户名和密码复制到安全的位置。

  4. 选择“在 VS Code 中克隆”。 如果系统提示你允许打开 Visual Studio Code，请选择“打开”。

    Screenshot of Azure DevOps that shows the repository settings, with the button for cloning in Visual Studio Code highlighted.

  5. 如果出现一个对话框，提示允许扩展打开存储库 URI，请选择“打开”。

  6. 创建用于存储库的文件夹，然后选择“选择存储库位置”。

  7. 这是你第一次使用此存储库，因此系统会提示你登录。

    • 如果使用的是 Windows，请输入你在本练习前面用于登录 Azure DevOps 的相同凭据。

    • 如果使用的是 macOS，请输入刚才生成的 Git 用户名和密码。

  8. Visual Studio Code 会提示你打开存储库。 选择“打开”。

    Screenshot of Visual Studio Code that shows a prompt to open the cloned repository, with the Open button highlighted.

登录 Azure

若要使用 Azure 中的资源组，请从 Visual Studio Code 终端登录到 Azure 帐户。 请确保已安装 Azure CLI 工具。

  1. 在“终端”菜单中，选择“新终端”。 终端窗口通常在屏幕的下半部分打开。

  2. 如果终端窗口右侧显示的 shell 为“bash”，则将打开正确的 shell，你可以跳到下一部分。

    Screenshot of the Visual Studio Code terminal window, with the bash option shown.

  3. 如果显示的 shell 并非 bash，请选择 shell 下拉列表，然后选择“Git Bash (默认)”。

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and Git Bash Default selected.

  4. 在终端 shell 列表中，选择“bash”，然后选择加号以打开使用 bash shell 的新终端。

    Screenshot of the Visual Studio Code terminal window, with the bash terminal and the plus sign selected.

使用 Azure CLI 登录到 Azure

  1. 在 Visual Studio Code 终端中，运行以下命令以登录到 Azure：

    az login

  2. 在打开的浏览器中，登录到 Azure 帐户。

若要使用 Azure 中的资源组，请从 Visual Studio Code 终端登录到 Azure 帐户。 确保已安装 Azure PowerShell。

  1. 在“终端”菜单中，选择“新终端”。 终端窗口通常在屏幕的下半部分打开。

  2. 如果终端窗口右侧显示的 shell 为“powershell”或“pwsh”，则将打开正确的 shell，你可以跳到下一部分。

    Screenshot of the Visual Studio Code terminal window, with the p w s h option displayed in the shell dropdown.

  3. 如果显示的 shell 并非 powershell 或 pwsh，请选择 shell 下拉列表，然后选择“PowerShell”。

    Screenshot of the Visual Studio Code terminal window, with the terminal shell dropdown shown and powershell selected.

  4. 在终端 shell 列表中，选择“powershell”或“pwsh”，然后选择加号以打开使用 powershell 或 pwsh shell 的新终端。

    Screenshot of the Visual Studio Code terminal window, with the powershell terminal and the plus sign selected.

使用 Azure PowerShell 登录到 Azure

  1. 在 Visual Studio Code 终端中，运行以下命令以登录到 Azure：

    Connect-AzAccount

  2. 在打开的浏览器中，登录到 Azure 帐户。

在 Azure 中创建资源组

若要创建新资源组，请在 Visual Studio Code 终端中运行以下 Azure CLI 命令：

az group create --name ToyWebsiteTest --location westus3

若要创建资源组，请在 Visual Studio Code 终端中运行以下 Azure PowerShell 命令：

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3

在 Azure Pipelines 中创建服务连接

接下来，在 Azure Pipelines 中创建服务连接。 该连接将在 Azure 中自动创建一个服务主体。 它还会向服务主体授予资源组的“参与者”角色，从而使管道可部署到该资源组。

  1. 在浏览器中，选择“项目设置”。

    Screenshot of Azure DevOps that shows the menu item for project settings highlighted.

  2. 选择“服务连接”>“创建服务连接”。

    Screenshot of Azure DevOps that shows selections for creating a service connection.

  3. 选择“Azure 资源管理器”>“下一步”。

    Screenshot of Azure DevOps that shows the Azure Resource Manager service connection type highlighted.

  4. 选择“服务主体(自动)”>“下一步”。

    Screenshot of Azure DevOps that shows the service principal option highlighted.

  5. 在“订阅”下拉列表中，选择自己的 Azure 订阅。

    此时可能出现一个弹出窗口，要求你登录 Azure。 如果是，请输入凭据并登录。

  6. 在“资源组”下拉列表中，选择“ToyWebsiteTest”。

  7. 在“服务连接名称”中，输入“ToyWebsiteTes”。 请确保选中“为所有管道授予访问权限”复选框。

    Screenshot of Azure DevOps that shows the details completed for creating a service connection, with the Save button highlighted.

    提示

    为简单起见，允许每个管道访问服务连接。 创建使用生产资源的实际服务连接时，请考虑仅将访问权限提供给需要这些连接的管道。

  8. 选择“保存”。