Cvičení – nastavení prostředí

  • 5 min

Důležité

K provedení tohoto cvičení potřebujete vlastní předplatné Azure a mohou se vám účtovat poplatky. Pokud ještě nemáte předplatné Azure, vytvořte si bezplatný účet, než začnete.

Než začnete pracovat na kanálu webu vaší společnosti toy, musíte nakonfigurovat své prostředí. V této lekci se ujistěte, že jsou vaše prostředí Azure a Azure DevOps nastavené tak, aby dokončily zbytek tohoto modulu.

Pokud chcete tyto cíle splnit, proveďte následující úkoly:

  • Nastavte pro tento modul projekt Azure DevOps.
  • Naklonujte úložiště projektu do počítače.
  • Vytvořte v Azure dvě skupiny prostředků.
  • Vytvořte dvě připojení služeb a prostředí v Azure Pipelines.

Získání projektu Azure DevOps

V této části se ujistěte, že je vaše organizace Azure DevOps nastavená tak, aby dokončila zbytek tohoto modulu. Nastavíte ho spuštěním šablony, která vytvoří projekt v Azure DevOps.

Moduly v tomto studijním programu jsou součástí průběhu. Pro účely výuky má každý modul přidružený projekt Azure DevOps.

Tip

I když jste dokončili předchozí modul ve studijním programu, vytvořte nový projekt podle těchto pokynů. Nezapomeňte projektu dát nový název.

Spustit šablonu

Spusťte šablonu, která nastaví projekt Azure DevOps.

Spustit šablonu

Na webu Azure DevOps Demo Generator proveďte následující kroky:

  1. Vyberte Přihlásit se a pak vyjádřte souhlas s podmínkami použití webu výběrem možnosti Přijmout.

  2. Na stránce Vytvořit nový projekt vyberte svoji organizaci Azure DevOps a potom do pole Název nového projektu zadejte název projektu, například toy-website-end.

    Snímek obrazovky s podoknem Azure DevOps Demo Generator pro vytvoření nového projektu

  3. Vyberte Vytvořit projekt.

    Spuštění šablony chvíli trvá. Automaticky vytvoří kanál a soubor Bicep, se kterým můžete pracovat v několika dalších cvičeních.

  4. Výběrem možnosti Přejít na projekt přejdete do projektu v Azure DevOps.

Důležité

Poslední cvičení v tomto modulu obsahuje důležité kroky čištění. Nezapomeňte postupovat podle kroků čištění, i když tento modul nedokončíte.

Klonování úložiště

  1. Vyberte Soubory úložišť>.

    Snímek obrazovky Azure DevOps s nabídkou Úložiště se zvýrazněnou možností Soubory

  2. Vyberte Clone (Klonovat).

    Snímek obrazovky Azure DevOps zobrazující úložiště se zvýrazněným tlačítkem Klonovat

  3. Pokud používáte macOS, potřebujete k klonování úložiště Git speciální heslo. Vyberte Vygenerovat přihlašovací údaje Gitu a zkopírujte zobrazené uživatelské jméno a heslo do bezpečného místu.

  4. Vyberte Klonovat v editoru VS Code. Pokud se zobrazí výzva k povolení otevření editoru Visual Studio (VS) Code, vyberte Otevřít.

    Snímek obrazovky Azure DevOps s nastavením úložiště se zvýrazněným tlačítkem Clone in VS Code

  5. Pokud se zobrazí dialogové okno, zobrazí se výzva, abyste rozšíření povolili otevření identifikátoru URI úložiště, vyberte Otevřít.

  6. Vytvořte složku, která se má použít pro úložiště, a pak vyberte Vybrat umístění úložiště.

  7. Pokud toto úložiště používáte poprvé, může se zobrazit výzva k přihlášení.

    • Pro Windows zadejte stejné přihlašovací údaje, které jste použili k přihlášení k Azure DevOps dříve v tomto cvičení.

    • V případě macOS zadejte uživatelské jméno a heslo Gitu, které jste vygenerovali před pár okamžiky.

  8. Visual Studio Code vás vyzve k otevření úložiště. Vyberte Otevřít.

    Snímek obrazovky editoru Visual Studio Code s výzvou k otevření klonovaného úložiště se zvýrazněným tlačítkem Otevřít

Přihlášení k Azure

Pokud chcete pracovat se skupinami prostředků v Azure, přihlaste se ke svému účtu Azure z terminálu Visual Studio Code. Ujistěte se, že jste nainstalovali nástroje Azure CLI .

  1. V nabídce Terminál vyberte Nový terminál. Okno terminálu se obvykle otevře v dolní polovině obrazovky.

  2. Pokud je prostředí zobrazené na pravé straně okna terminálu Bash, je otevřené správné prostředí a můžete přejít k další části.

    Snímek obrazovky okna terminálu editoru Visual Studio Code se zobrazenou možností Bash

  3. Pokud se zobrazí jiné prostředí než Bash, vyberte rozevírací seznam prostředí a pak vyberte Git Bash (Výchozí).

    Snímek obrazovky okna terminálu editoru Visual Studio Code s rozevíracím seznamem prostředí terminálu a vybranou možností Výchozí git Bash

  4. V seznamu terminálových prostředí vyberte Bash a pak výběrem znaménka plus otevřete nový terminál, který používá prostředí Bash .

    Snímek obrazovky okna terminálu editoru Visual Studio Code s vybraným terminálem Bash a symbolem plus

Přihlášení k Azure pomocí Azure CLI

  1. V terminálu editoru Visual Studio Code spusťte následující příkaz pro přihlášení k Azure:

    az login

  2. V prohlížeči, který se otevře, se přihlaste ke svému účtu Azure.

Pokud chcete pracovat se skupinami prostředků v Azure, přihlaste se ke svému účtu Azure z terminálu Visual Studio Code. Ujistěte se, že jste nainstalovali Azure PowerShell.

  1. V nabídce Terminál vyberte Nový terminál. Okno terminálu se obvykle otevře v dolní polovině obrazovky.

  2. Pokud je prostředí zobrazené na pravé straně okna terminálu powershell nebo pwsh, je otevřené správné prostředí a můžete přejít k další části.

    Snímek obrazovky okna terminálu editoru Visual Studio Code s možností p w s h zobrazenou v rozevíracím seznamu prostředí

  3. Pokud se zobrazí jiné prostředí než PowerShell nebo pwsh , vyberte rozevírací seznam prostředí a pak vyberte PowerShell.

    Snímek obrazovky okna terminálu editoru Visual Studio Code se zobrazeným rozevíracím seznamem prostředí terminálu a vybranou možností PowerShellu

  4. V seznamu terminálových prostředí vyberte PowerShell nebo pwsh a pak výběrem znaménka plus otevřete nový terminál, který používá prostředí PowerShell nebo pwsh.

    Snímek obrazovky okna terminálu editoru Visual Studio Code s vybraným terminálem PowerShellu a symbolem plus

Přihlášení k Azure přes Azure PowerShell

  1. V terminálu editoru Visual Studio Code spusťte následující příkaz pro přihlášení k Azure:

    Connect-AzAccount

  2. V prohlížeči, který se otevře, se přihlaste ke svému účtu Azure.

Vytvoření dvou skupin prostředků v Azure

Pokud chcete vytvořit dvě nové skupiny prostředků, spusťte v terminálu Visual Studio Code následující příkazy Azure CLI:

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

Pokud chcete vytvořit dvě nové skupiny prostředků, spusťte v terminálu Visual Studio Code následující příkazy Azure PowerShellu:

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

Vytváření připojení služeb v Azure Pipelines

Dále vytvořte dvě připojení služeb v Azure Pipelines, jedno pro testovací prostředí a druhé pro produkční prostředí. Tento proces automaticky vytvoří instanční objekt v Azure. Také udělí instančnímu objektu roli Přispěvatel ve vaší skupině prostředků, což umožňuje nasazení kanálu do skupiny prostředků.

  1. V prohlížeči vyberte Nastavení projectu.

    Snímek obrazovky Azure DevOps, který zobrazuje nabídku se zvýrazněnou položkou Nastavení projektu

  2. Vyberte Připojení>služby Vytvořit připojení služby.

    Snímek obrazovky Azure DevOps s podoknem Připojení služby a zvýrazněným tlačítkem Vytvořit připojení služby

  3. Vyberte >.

    Snímek obrazovky Azure DevOps s podoknem Připojení služeb se zvýrazněným typem připojení služby Azure Resource Manager

  4. Vyberte Instanční objekt (automatický)>Další.

    Snímek obrazovky Azure DevOps s podoknem Připojení k nové službě Azure se zvýrazněnou možností Instanční objekt (automatický)

  5. V rozevíracím seznamu Předplatné vyberte své předplatné Azure.

    Pokud se zobrazí místní okno se zprávou s výzvou, abyste se přihlásili k Azure, zadejte svoje přihlašovací údaje a přihlaste se.

  6. V rozevíracím seznamu Skupina prostředků vyberte ToyWebsiteTest.

  7. Do pole Název připojení služby zadejte ToyWebsiteTest. Ujistěte se, že je zaškrtnuté políčko Udělit přístup všem kanálům .

    Snímek obrazovky Azure DevOps s podoknem Připojení k nové službě Azure pro testovací prostředí se zvýrazněnými podrobnostmi a zvýrazněným tlačítkem Uložit

    Tip

    V tomto cvičení pro zjednodušení dáváte každému kanálu přístup k vašemu připojení ke službě. Při vytváření skutečných připojení služeb, která pracují s produkčními prostředky, zvažte omezení přístupu pouze na kanály, které je potřebují.

  8. Zvolte Uložit.

  9. Opakováním kroků 1 až 8 vytvořte další nové připojení služby s názvem ToyWebsiteProduction, které se nasadí do skupiny prostředků s názvem ToyWebsiteProduction:

    Snímek obrazovky Azure DevOps znázorňující podokno Připojení nové služby Azure pro produkční prostředí se zvýrazněnými podrobnostmi a zvýrazněným tlačítkem Uložit

    Pokud se seznam skupin prostředků nezobrazuje, aktualizujte stránku v prohlížeči, po zobrazení výzvy zadejte svoje přihlašovací údaje a zkuste to znovu.

Poznámka:

V předchozích modulech v tomto studijním programu jste do produkčního prostředí přidali kontrolu schválení. V tomto modulu kvůli jednoduchosti přeskočíte kontrolu schválení. Pokud ale chcete, můžete schválení přidat sami.