Vytvoření webové aplikace ve statickém HTML ve službě Azure
Azure App Service poskytuje vysoce škálovatelnou službu pro hostování webů s automatickými opravami. V tomto rychlém startu se dozvíte, jak nasadit základní web HTML+CSS pro Azure App Service. Tento rychlý start dokončíte v Cloud Shell, ale tyto příkazy můžete spustit také místně pomocí Azure CLI.
Poznámka
Informace o hostování statických souborů HTML v bezserverovém prostředí najdete v Static Web Apps.
Pokud nemáte předplatné Azure, vytvořte si bezplatný účet Azure , než začnete.
Požadavky
Použijte prostředí Bash v Azure Cloud Shell. Další informace najdete v tématu Rychlý start pro Bash v Azure Cloud Shell.
Pokud dáváte přednost místnímu spouštění referenčních příkazů rozhraní příkazového řádku, nainstalujte Azure CLI. Pokud používáte Windows nebo macOS, zvažte spuštění Azure CLI v kontejneru Docker. Další informace najdete v tématu Jak spustit Azure CLI v kontejneru Dockeru.
Pokud používáte místní instalaci, přihlaste se k Azure CLI pomocí příkazu az login. Pokud chcete dokončit proces ověřování, postupujte podle kroků zobrazených na terminálu. Další možnosti přihlášení najdete v tématu Přihlášení pomocí Azure CLI.
Po zobrazení výzvy nainstalujte rozšíření Azure CLI při prvním použití. Další informace o rozšířeních najdete v tématu Využití rozšíření v Azure CLI.
Spuštěním příkazu az version zjistěte verzi a závislé knihovny, které jsou nainstalované. Pokud chcete upgradovat na nejnovější verzi, spusťte az upgrade.
Stažení ukázky
Ve službě Cloud Shell vytvořte adresář rychlého startu a přejděte do něj.
mkdir quickstart
cd $HOME/quickstart
Potom spusťte následující příkaz, pomocí kterého do tohoto adresáře naklonujete úložiště ukázkové aplikace.
git clone https://github.com/Azure-Samples/html-docs-hello-world.git
Vytvoření webové aplikace
Přejděte do adresáře, který obsahuje ukázkový kód, a spusťte příkaz az webapp up . V následujícím příkladu nahraďte <app_name> jedinečným názvem aplikace. Statický obsah je označen příznakem --html .
cd html-docs-hello-world
az webapp up --location westeurope --name <app_name> --html
Poznámka
Pokud chcete hostovat statický obsah v instanci založené na Linuxu App Service nakonfigurujte PHP jako modul runtime pomocí --runtime příznaků a--os-type:
az webapp up --location westeurope --name <app_name> --runtime "PHP:8.1" --os-type linux
Kontejner PHP obsahuje webový server, který je vhodný pro hostování statického obsahu HTML.
Příkaz az webapp up provádí tyto akce:
Vytvoření výchozí skupiny prostředků
Vytvoření výchozího plánu služby App Service
Vytvoření aplikace se zadaným názvem
Nasazení souborů ZIP z aktuálního pracovního adresáře do webové aplikace
Spuštění tohoto příkazu může trvat několik minut. Při spuštění příkaz zobrazí podobné informace jako v následujícím příkladu:
{
"app_url": "https://<app_name>.azurewebsites.net",
"location": "westeurope",
"name": "<app_name>",
"os": "Windows",
"resourcegroup": "appsvc_rg_Windows_westeurope",
"serverfarm": "appsvc_asp_Windows_westeurope",
"sku": "FREE",
"src_path": "/home/<username>/quickstart/html-docs-hello-world ",
< JSON data removed for brevity. >
}
Poznamenejte si hodnotu resourceGroup. Budete ji potřebovat v části Vyčištění prostředků.
Přechod do aplikace
V prohlížeči přejděte na adresu URL aplikace: http://<app_name>.azurewebsites.net.
Stránka je spuštěná jako webová aplikace služby Azure App Service.
Gratulujeme! Nasadili jste svoji první aplikaci v HTML do služby App Service.
Aktualizace a opětovné nasazení aplikace
Ve službě Cloud Shell otevřete textový editor nano zadáním příkazu nano index.html. Ve značce nadpisu <h1> změňte text z „Azure App Service - Sample Static HTML Site“ na „Azure App Service“, jak je znázorněno níže.
Uložte změny a editor nano zavřete. K uložení použijte příkaz ^O a k zavření příkaz ^X.
Teď aplikaci znovu nasadíte pomocí stejného příkazu az webapp up.
az webapp up --location westeurope --name <app_name> --html
Po dokončení nasazení se vraťte do okna prohlížeče, které se otevřelo v kroku Přechod do aplikace, a aktualizujte zobrazení stránky.
Správa nové aplikace Azure
Pokud chcete spravovat webovou aplikaci, kterou jste vytvořili, v Azure Portal vyhledejte a vyberte App Services.
Na stránce App Services vyberte název aplikace Azure.
Zobrazí se stránka s přehledem vaší webové aplikace. Tady můžete provádět základní úlohy správy, jako je procházení, zastavení, spuštění, restartování a odstranění.
Levá nabídka obsahuje odkazy na různé stránky pro konfiguraci vaší aplikace.
Vyčištění prostředků
V předchozích krocích jste vytvořili prostředky Azure ve skupině prostředků. Pokud předpokládáte, že už tyto prostředky nebudete potřebovat, odstraňte skupinu prostředků spuštěním následujícího příkazu ve službě Cloud Shell: Mějte na paměti, že název skupiny prostředků se pro vás automaticky vygeneroval v kroku Vytvoření webové aplikace.
az group delete --name appsvc_rg_Windows_westeurope
Spuštění tohoto příkazu může trvat přibližně minut.