Cvičení – vytvoření webu Azure pomocí rozhraní příkazového řádku

Dokončeno

Teď pomocí Azure CLI vytvoříme skupinu prostředků a pak do této skupiny prostředků nasadíme webovou aplikaci.

Bezplatný sandbox vám umožňuje vytvářet prostředky v podmnožině globálních oblastí Azure. Při vytváření prostředků vyberte oblast ze seznamu:

  • westus2
  • Střed USA – jih
  • centralus
  • eastus
  • westeurope
  • Jihovýchodní Asie
  • japaneast
  • brazilsouth
  • australiasoutheast
  • centralindia

Použití skupiny prostředků

Při práci s vlastním počítačem a předplatným Azure se musíte pomocí příkazu přihlásit k Azure az login . Přihlášení ale není nutné, když používáte prostředí sandboxu Cloud Shell založené na prohlížeči.

Dále byste normálně vytvořili skupinu prostředků pro všechny související prostředky Azure pomocí az group create příkazu, ale v tomto cvičení byla vytvořena následující skupina prostředků: [název skupiny prostředků sandboxu].

Poznámka:

V tomto cvičení používáme jako oblast USA – východ. Pokud při vytváření plánu služby App Service narazíte na problém, vyberte jinou oblast z předchozího seznamu.

  1. Prvním krokem v tomto cvičení je vytvoření několika proměnných pro pozdější příkazy:

    export RESOURCE_GROUP=<rgn>[sandbox resource group name]</rgn>
    export AZURE_REGION=eastus
    export AZURE_APP_PLAN=popupappplan-$RANDOM
    export AZURE_WEB_APP=popupwebapp-$RANDOM
    
  2. Můžete požádat o výpis všech vašich skupin prostředků do tabulky v Azure CLI. Během bezplatného sandboxu Azure by mělo být jen jedno:

    az group list --output table
    

    Tip

    Můžete použít tlačítko Kopírovat pro kopírování příkazů do schránky. Pokud chcete vložit, klikněte pravým tlačítkem myši na nový řádek v terminálu Cloud Shellu a vyberte Vložit nebo použijte klávesovou zkratku Shift+Insert (⌘+V v macOS).

  3. Během vašeho dalšího vývoje pro Azure se může vytvořit několik skupin prostředků. Pokud máte v seznamu skupin několik položek, můžete vrácené hodnoty filtrovat pomocí parametru --query. Vyzkoušejte následující příkaz:

    az group list --query "[?name == '$RESOURCE_GROUP']"
    

    Dotaz je naformátovaný pomocí JMESPath, což je standardní dotazovací jazyk žádostí JSON. Další informace o tomto výkonném filtrovacím jazyku najdete na adrese http://jmespath.org/. Dotazy jsou podrobněji rozebrány také v modulu Správa virtuálních počítačů pomocí Azure CLI.

Postup vytvoření plánu služby

Když spouštíte službu Web Apps pomocí služby Aplikace Azure, platíte za výpočetní prostředky Azure, které aplikace používá, a náklady na prostředky závisí na plánu služby App Service přidruženém k vaší službě Web Apps. Plány služby určují oblast datacentra aplikace, počet použitých virtuálních počítačů a cenovou úroveň.

  1. Vytvořte plán služby App Service pro vaši aplikaci. Následující příkaz určuje cenovou úroveň Free, ale můžete spustit příkaz az appservice plan create --help a zobrazit další cenové úrovně.

    Poznámka:

    Názvy aplikací a plánů musí být jedinečné ve všech Azure. Proměnné, které jste dříve vytvořili, přiřadí názvům přípony v podobě náhodných hodnot, aby se zajistilo, že budou jedinečné. Pokud se ale při vytváření jakýchkoli prostředků zobrazí chyba, měli byste spustit výše uvedené příkazy a obnovit všechny proměnné s novými náhodnými hodnotami.

    Jestliže se zobrazí chyba týkající se skupiny prostředků, spusťte výše uvedené příkazy s jinou hodnotou skupiny prostředků.

    az appservice plan create --name $AZURE_APP_PLAN --resource-group $RESOURCE_GROUP --location $AZURE_REGION --sku FREE
    

    Provedení tohoto příkazu může trvat i několik minut.

  2. Ověřte, že se plán služby úspěšně vytvořil, a to výpisem všech vašich plánů v tabulce:

    az appservice plan list --output table
    

    Měla by se zobrazit odpověď podobná následujícímu příkladu:

    Kind    Location    MaximumNumberOfWorkers    Name                NumberOfSites    ResourceGroup                               Status
    ------  ----------  ------------------------  ------------------  ---------------  ------------------------------------------  --------
    app     East US     3                         popupappplan-54321  0                Learn-12345678-1234-1234-1234-123456789abc  Ready
    

Vytvoření webové aplikace

Dále vytvořte webovou aplikaci v plánu služby. Současně můžete i nasadit kód, ale v našem příkladu vytvoříme webovou aplikaci a nasadíme kód jako samostatné kroky.

  1. Pokud chcete webovou aplikaci vytvořit, zadejte název webové aplikace a název plánu aplikace, který jste vytvořili dříve. Stejně jako název plánu aplikace musí být název webové aplikace jedinečný. Proměnné, které jste vytvořili dříve, přiřazují náhodné hodnoty, které by pro toto cvičení měly stačit. Dokončení tohoto příkazu může chvíli trvat.

    az webapp create --name $AZURE_WEB_APP --resource-group $RESOURCE_GROUP --plan $AZURE_APP_PLAN
    
  2. Ověřte, že se aplikace úspěšně vytvořila, a to výpisem všech aplikací v tabulce:

    az webapp list --output table
    

    Měla by se zobrazit odpověď podobná následujícímu příkladu:

    Name               Location    State    ResourceGroup                               DefaultHostName                      AppServicePlan
    -----------------  ----------  -------  ------------------------------------------  -----------------------------------  ------------------
    popupwebapp-12345  East US  Running  Learn-12345678-1234-1234-1234-123456789abc  popupwebapp-12345.azurewebsites.net  popupappplan-54321
    

    Poznamenejte si hodnotu DefaultHostName uvedenou v tabulce. Jedná se o adresu URL pro nový web. Azure zpřístupní váš web prostřednictvím jedinečného názvu aplikace v doméně azurewebsites.net . Pokud by například název vaší aplikace byl popupwebapp-12345, adresa URL vašeho webu by byla: http://popupwebapp-12345.azurewebsites.net. Adresu HTTP můžete vrátit také pomocí následujícího skriptu:

    site="http://$AZURE_WEB_APP.azurewebsites.net"
    echo $site
    
  3. Pokud chcete získat výchozí kód HTML pro ukázkovou aplikaci, použijte CURL s defaultHostName:

    curl $AZURE_WEB_APP.azurewebsites.net
    

    Měla by se zobrazit odpověď podobná následujícímu příkladu:

    <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>Microsoft Azure App Service - Welcome</title><link rel="shortcut icon" href="https://appservice.azureedge.net/images/app-service/v4/favicon.ico" type="image/x-icon"/><link href="https://appservice.azureedge.net/css/app-service/v4/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"/><style>html, body{height: 100%; background-color: #ffffff; color: #000000; font-size: 13px;}*{border-radius: 0 !important;}</style> ... (continued)
    

Nasazení kódu z GitHubu

  1. Posledním krokem je nasazení kódu z úložiště GitHubu do webové aplikace. Pojďme použít základní stránku PHP dostupnou v úložišti GitHub s ukázkami Azure, která při spuštění zobrazuje "Hello World!". Použijte název webové aplikace, kterou jste vytvořili. Dokončení tohoto příkazu může chvíli trvat.

    az webapp deployment source config --name $AZURE_WEB_APP --resource-group $RESOURCE_GROUP --repo-url "https://github.com/Azure-Samples/php-docs-hello-world" --branch master --manual-integration
    
  2. Po nasazení znovu stiskněte svůj web v prohlížeči nebo CURL:

    curl $AZURE_WEB_APP.azurewebsites.net
    

    Na stránce se zobrazí zpráva „Hello World!“.

    Hello World!
    

V tomto cvičení jste se seznámili s typickým postupem pro interaktivní relaci Azure CLI. Nejprve jste pomocí standardního příkazu vytvořili novou skupinu prostředků. Potom jste pomocí sady příkazů do této skupiny prostředků nasadili prostředek (v tomto příkladu webovou aplikaci). Tuto sadu příkazů můžete snadno zkombinovat do skriptu prostředí a spustit ji pokaždé, když potřebujete vytvořit stejný prostředek.