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.

Domovská stránka ukázkové aplikace

Pokud nemáte předplatné Azure, vytvořte si bezplatný účet Azure , než začnete.

Požadavky

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://&lt;app_name&gt;.azurewebsites.net",
  "location": "westeurope",
  "name": "&lt;app_name&gt;",
  "os": "Windows",
  "resourcegroup": "appsvc_rg_Windows_westeurope",
  "serverfarm": "appsvc_asp_Windows_westeurope",
  "sku": "FREE",
  "src_path": "/home/&lt;username&gt;/quickstart/html-docs-hello-world ",
  &lt; JSON data removed for brevity. &gt;
}

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.

Domovská stránka ukázkové aplikace

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.

Nano index.html

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.

Domovská stránka aktualizované ukázkové aplikace

Správa nové aplikace Azure

Pokud chcete spravovat webovou aplikaci, kterou jste vytvořili, v Azure Portal vyhledejte a vyberte App Services.

V Azure Portal vyberte App Services.

Na stránce App Services vyberte název aplikace Azure.

Přechod do aplikace Azure na portálu

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í.

Okno App Service na webu Azure Portal

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.

Další kroky