Cvičení – vytvoření webu Azure pomocí rozhraní příkazového řádku
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ů:
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.
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
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).
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ň.
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.
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.
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
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
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
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
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.