Sdílet prostřednictvím

Rychlý start: Nasazení webové aplikace ASP.NET

  • Článek

Poznámka:

Od 1. června 2024 budou mít všechny nově vytvořené aplikace App Service možnost vygenerovat jedinečný výchozí název hostitele pomocí zásad <app-name>-<random-hash>.<region>.azurewebsites.netvytváření názvů . Stávající názvy aplikací zůstanou beze změny.

Příklad: myapp-ds27dh7271aah175.westus-01.azurewebsites.net

Další podrobnosti najdete v tématu Jedinečný výchozí název hostitele pro prostředek služby App Service.

V tomto rychlém startu se dozvíte, jak vytvořit a nasadit první ASP.NET webovou aplikaci do služby Aplikace Azure Service. App Service podporuje různé verze aplikací .NET a poskytuje vysoce škálovatelnou službu pro hostování webů s automatickými opravami. ASP.NET webové aplikace jsou multiplatformní a dají se hostovat v Linuxu nebo Windows. Po dokončení máte skupinu prostředků Azure, která se skládá z plánu hostování služby App Service a služby App Service s nasazenou webovou aplikací.

Alternativně můžete nasadit webovou aplikaci ASP.NET jako součást kontejneru pro Windows nebo Linux ve službě App Service.

Tip

Tipy ke kopírování GitHubu najdete v krocích pro Visual Studio, Visual Studio Code a Azure Portal.

Poznámka:

Vytváření aplikací .NET 9 (STS) se službou Windows App Service pomocí nástroje MSBuild nebo SCM_DO_BUILD se zatím nepodporuje. Podpora těchto scénářů sestavení bude po počátečním datu ga a do 4. prosince 2024. Nasazení, která se sestavují mimo službu App Service prostřednictvím sady Visual Studio, Visual Studio Code, GitHub Actions a Azure DevOps, jsou plně podporovaná.

Požadavky

Pokud jste už nainstalovali Visual Studio 2022:

  1. Nainstalujte nejnovější aktualizace v sadě Visual Studio výběrem možnosti Vyhledat aktualizace nápovědy>.
  2. Přidejte úlohu výběrem nástrojů Získat nástroje>a funkce.

1. Vytvoření webové aplikace ASP.NET

1. Inicializace šablony webové aplikace ASP.NET

  1. Otevřete Visual Studio a pak vyberte Vytvořit nový projekt.

  2. V části Vytvořit nový projekt vyhledejte a vyberte ASP.NET Core Web App (Razor Pages) a pak vyberte Další.

  3. V části Konfigurace nového projektu pojmenujte aplikaci MyFirstAzureWebApp a pak vyberte Další.

    Snímek obrazovky se sadou Visual Studio – Konfigurace webové aplikace ASP.NET 8.0

  4. Vyberte .NET 8.0 (dlouhodobá podpora).

  5. Ujistěte se, že je typ ověřování nastavený na Hodnotu Žádné. Vyberte Vytvořit.

    Snímek obrazovky se sadou Visual Studio – Další informace při výběru .NET 8.0

  6. V nabídce sady Visual Studio vyberte Spustit ladění>bez ladění a spusťte webovou aplikaci místně. Pokud se zobrazí zpráva s výzvou k důvěryhodnosti certifikátu podepsaného svým držitelem, vyberte Ano.

    Snímek obrazovky se sadou Visual Studio – ASP.NET Core 8.0 spuštěné místně

Tip

Pokud máte účet GitHub Copilot, zkuste získat funkce GitHub Copilot pro Visual Studio.

  1. Otevřete okno terminálu na počítači do pracovního adresáře. Pomocí příkazu vytvořte novou webovou aplikaci dotnet new webapp .NET a pak změňte adresáře na nově vytvořenou aplikaci.

    dotnet new webapp -n MyFirstAzureWebApp --framework net8.0
cd MyFirstAzureWebApp

  2. Ve stejné relaci terminálu spusťte aplikaci místně pomocí dotnet run příkazu.

    dotnet run --urls=https://localhost:5001/

  3. Otevřete webový prohlížeč a přejděte do aplikace na adrese https://localhost:5001.

    Na stránce se zobrazí šablona ASP.NET webovou aplikaci Core 8.0.

    Snímek obrazovky editoru Visual Studio Code – ASP.NET Core 8.0 v místním prohlížeči

V tomto kroku vytvoříte fork ukázkového projektu pro nasazení.

  1. Přejděte do ukázkové aplikace .NET 8.0.
  2. Na stránce GitHubu vyberte tlačítko Fork v pravém horním rohu.
  3. Vyberte vlastníka a ponechte výchozí název úložiště.
  4. Vyberte Vytvořit fork.

V tomto rychlém startu se k vytvoření prostředků Azure a nasazení kódu používá Azure Developer CLI (azd). Další informace o Azure Developer CLI najdete v dokumentaci nebo studijním programu.

Pomocí následujícího postupu načtěte a inicializujete šablonu webové aplikace ASP.NET Core pro účely tohoto rychlého startu:

  1. Otevřete okno terminálu na počítači do prázdného pracovního adresáře. Inicializace azd šablony azd init pomocí příkazu

    azd init --template https://github.com/Azure-Samples/quickstart-deploy-aspnet-core-app-service.git

    Po zobrazení výzvy k zadání názvu prostředí zadejte dev.

  2. Ve stejné relaci terminálu spusťte aplikaci místně pomocí dotnet run příkazu. --project Pomocí parametru src azd zadejte adresář šablony, kde se nachází kód aplikace.

    dotnet run --project src --urls=https://localhost:5001/

  3. Otevřete webový prohlížeč a přejděte do aplikace na adrese https://localhost:5001. Šablona webové aplikace ASP.NET Core 8.0 se zobrazí na stránce.

    Snímek obrazovky editoru Visual Studio Code – ASP.NET Core 8.0 v místním prohlížeči

2. Publikování webové aplikace

Pomocí následujícího postupu vytvořte prostředky služby App Service a publikujte projekt:

  1. V Průzkumník řešení klikněte pravým tlačítkem myši na projekt MyFirstAzureWebApp a vyberte Publikovat.

  2. V části Publikovat vyberte Azure a pak Další.

    Snímek obrazovky se sadou Visual Studio – Publikování webové aplikace a cílové azure

  3. Zvolte konkrétní cíl, Aplikace Azure Service (Linux) nebo Aplikace Azure Service (Windows). Pak vyberte Další.

    Důležité

    Při cílení na ASP.NET Framework 4.8 použijte službu Aplikace Azure (Windows).

  4. Vaše možnosti závisí na tom, jestli už jste přihlášení k Azure a jestli máte účet sady Visual Studio propojený s účtem Azure. Vyberte Přidat účet nebo přihlásit se a přihlaste se k předplatnému Azure. Pokud už jste přihlášení, vyberte požadovaný účet.

    Snímek obrazovky se sadou Visual Studio – Výběr dialogového okna Přihlásit se k Azure

  5. Napravo od instancí služby App Service vyberte +.

    Snímek obrazovky se sadou Visual Studio – nové dialogové okno aplikace App Service

  6. V případě předplatného přijměte předplatné, které je uvedené, nebo vyberte v rozevíracím seznamu nový.

  7. V případě skupiny prostředků vyberte Možnost Nový. Do pole Nový název skupiny prostředků zadejte myResourceGroup a vyberte OK.

  8. V případě plánu hostování vyberte Nový.

  9. V dialogovém okně Plán hostování: Vytvořit nový zadejte hodnoty zadané v následující tabulce:

    Nastavení Navrhovaná hodnota Popis
    Plán hostování MyFirstAzureWebAppPlan Název plánu služby App Service.
    Místo Západní Evropa Datacentrum, které je hostitelem webové aplikace.
    Velikost Zvolte nejnižší úroveň. Cenové úrovně definují funkce hostování.

  10. Do pole Název zadejte jedinečný název aplikace, který obsahuje pouze platné znaky a-z: , A-Z, 0-9a -. Automaticky vygenerovaný jedinečný název můžete přijmout. Adresa URL webové aplikace je http://<app-name>.azurewebsites.net, kde <app-name> je název vaší aplikace.

  11. Vyberte Vytvořit a vytvořte prostředky Azure.

    Snímek obrazovky se sadou Visual Studio – dialogové okno Vytvořit prostředky aplikace

    Po dokončení průvodce se prostředky Azure vytvoří za vás a budete připraveni publikovat projekt ASP.NET Core.

  12. V dialogovém okně Publikovat zkontrolujte, že je vybraná nová aplikace App Service, a pak vyberte Dokončit a pak vyberte Zavřít. Visual Studio pro vybranou aplikaci App Service pro vás vytvoří profil publikování.

  13. Na stránce Publikovat vyberte Publikovat. Pokud se zobrazí zpráva s upozorněním, vyberte Pokračovat.

    Visual Studio sestaví, balíčky a publikuje aplikaci do Azure a pak spustí aplikaci ve výchozím prohlížeči.

    Na stránce se zobrazí webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky se sadou Visual Studio – ASP.NET webovou aplikaci Core 8.0 v Azure

  1. Otevřete Visual Studio Code z kořenového adresáře projektu.

    code .

  2. Pokud se zobrazí výzva, vyberte Ano, důvěřuji autorům.

    Tip

    Pokud máte účet GitHub Copilot, zkuste získat funkce GitHub Copilotu pro Visual Studio Code.

  3. V editoru Visual Studio Code otevřete paletu příkazů výběrem palety příkazů Zobrazit.>

  4. Vyhledejte a vyberte "Aplikace Azure Service: Create New Web App (Advanced)".

  5. Na tyto výzvy odpovíte následujícím způsobem:

    1. Pokud se zobrazí výzva, přihlaste se ke svému účtu Azure.
    2. Vyberte své předplatné.
    3. Vyberte Vytvořit novou webovou aplikaci... Upřesnit.
    4. Pro zadání globálně jedinečného názvu použijte název, který je jedinečný ve všech Azure (platné znaky jsou a-z, 0-9a -). Dobrým vzorem je použití kombinace názvu vaší společnosti a identifikátoru aplikace.
    5. Vyberte Vytvořit novou skupinu prostředků a zadejte název, například myResourceGroup.
    6. Po zobrazení výzvy k výběru zásobníku modulu runtime vyberte .NET 8 (LTS).
    7. Vyberte operační systém (Windows nebo Linux).
    8. Vyberte umístění blízko vás.
    9. Vyberte Vytvořit nový plán služby App Service, zadejte název a vyberte cenovou úroveň Free (F1).
    10. Pro prostředek Application Insights vyberte Prozatím přeskočit.
    11. Po zobrazení výzvy vyberte Nasadit.
    12. Jako složku, která se má nasadit, vyberte MyFirstAzureWebApp .
    13. Po zobrazení výzvy vyberte Přidat konfiguraci .

  6. V automaticky otevírané nabídce Vždy nasaďte pracovní prostor MyFirstAzureWebApp do <názvu> aplikace, vyberte Ano, aby se Visual Studio Code nasadí do stejné aplikace App Service pokaždé, když jste v daném pracovním prostoru.

  7. Po dokončení publikování vyberte v oznámení procházet web a po zobrazení výzvy vyberte Otevřít .

    Na stránce se zobrazí webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky editoru Visual Studio Code – ASP.NET webovou aplikaci Core 8.0 v Azure

  1. Přihlaste se ke svému účtu Azure pomocí az login příkazu a na příkazovém řádku:

    az login
    • Pokud se az příkaz nerozpozná, ujistěte se, že máte nainstalované Rozhraní příkazového řádku Azure, jak je popsáno v části Požadavky.

  2. Pomocí příkazu nasaďte kód do místního adresáře az webapp up MyFirstAzureWebApp:

    az webapp up --sku F1 --name <app-name> --os-type <os>
    • Nahraďte <app-name> jedinečným názvem ve všech Azure (platné znaky jsou a-z, 0-9a -). Dobrým vzorem je použití kombinace názvu vaší společnosti a identifikátoru aplikace.
    • Argument --sku F1 vytvoří webovou aplikaci na cenové úrovni Free. Tento argument vynecháte, pokud chcete použít rychlejší úroveň Premium, která způsobuje hodinové náklady.
    • Nahraďte <os> buď linux nebo windows.
    • Volitelně můžete zahrnout argument --location <location-name> , ve kterém <location-name> je dostupná oblast Azure. Spuštěním az account list-locations příkazu můžete načíst seznam povolených oblastí pro váš účet Azure.

    Dokončení příkazu může trvat několik minut. Když je spuštěný, příkaz poskytuje zprávy o vytvoření skupiny prostředků, plánu služby App Service a hostitelské aplikaci, konfiguraci protokolování a následném nasazení SOUBORU ZIP. Pak se zobrazí zpráva s adresou URL aplikace:

    You can launch the app at http://<app-name>.azurewebsites.net

  3. Otevřete webový prohlížeč a přejděte na adresu URL:

    Na stránce se zobrazí webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky s rozhraním příkazového řádku – ASP.NET webovou aplikaci Core 8.0 v Azure

Poznámka:

Azure PowerShell se doporučuje pro vytváření aplikací na hostitelské platformě Windows. Pokud chcete vytvářet aplikace v Linuxu, použijte jiný nástroj, například Azure CLI.

  1. Přihlaste se ke svému účtu Azure pomocí Connect-AzAccount příkazu a na příkazovém řádku:

    Connect-AzAccount

  1. Vytvořte novou aplikaci pomocí příkazu New-AzWebApp :

    New-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -Location westeurope
    • Nahraďte <app-name> jedinečným názvem ve všech Azure (platné znaky jsou a-z, 0-9a -). Dobrým vzorem je kombinace názvu vaší společnosti a identifikátoru aplikace.
    • Volitelně můžete zahrnout parametr -Location <location-name> , ve kterém <location-name> je dostupná oblast Azure. Spuštěním Get-AzLocation příkazu můžete načíst seznam povolených oblastí pro váš účet Azure.

    Dokončení příkazu může trvat několik minut. Když je spuštěný, příkaz vytvoří skupinu prostředků, plán služby App Service a prostředek služby App Service.

  2. Z kořenové složky aplikace připravte místní aplikaci MyFirstAzureWebApp pro nasazení pomocí dotnet publish příkazu:

    dotnet publish --configuration Release

  3. Přejděte do adresáře vydané verze a vytvořte soubor ZIP z obsahu:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publikujte soubor ZIP do aplikace Azure pomocí příkazu Publish-AzWebApp :

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Poznámka:

    -ArchivePath potřebuje úplnou cestu k souboru ZIP.

  5. Otevřete webový prohlížeč a přejděte na adresu URL:

    Na stránce se zobrazí webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky s rozhraním příkazového řádku – ASP.NET webovou aplikaci Core 8.0 v Azure

  1. Do hledání zadejte aplikační služby . V části Služby vyberte App Services.

    Snímek obrazovky s vyhledáváním na portálu na webu Azure Portal

  2. Na stránce App Services vyberte Vytvořit>webovou aplikaci.

  3. Na kartě Základy :

    • V části Skupina prostředků vyberte Vytvořit novou. Jako název zadejte myResourceGroup .
    • V části Název zadejte globálně jedinečný název vaší webové aplikace.
    • V části Publikovat vyberte Kód.
    • V části Zásobník modulu runtime vyberte .NET 8 (LTS).
    • V části Operační systém vyberte Windows. Pokud vyberete Linux, nemůžete nakonfigurovat nasazení GitHubu v dalším kroku, ale můžete to udělat i po vytvoření aplikace na stránce Deployment Center .
    • Vyberte oblast, ze které chcete aplikaci obsluhovat.
    • V části Plán služby App Service vyberte Vytvořit nový a jako název zadejte myAppServicePlan .
    • V části Cenový plán vyberte Free F1.

    Snímek obrazovky s novou konfigurací aplikace App Service pro .NET 8 na webu Azure Portal

  4. Výběr karty Nasazení v horní části stránky

  5. V části Nastavení GitHub Actions nastavte průběžné nasazování na hodnotu Povolit.

  6. V části Podrobnosti o GitHub Actions se ověřte pomocí účtu GitHub a vyberte následující možnosti:

    • Pro organizaci vyberte organizaci, ve které jste rozvětvovali ukázkový projekt.
    • V části Úložiště vyberte projekt dotnetcore-docs-hello-world .
    • Pro větev vyberte hlavní.

    Snímek obrazovky s možnostmi nasazení aplikace pomocí modulu runtime .NET 8

    Poznámka:

    Ve výchozím nastavení průvodce vytvořením zakáže základní ověřování a nasazení GitHub Actions se vytvoří pomocí identity přiřazené uživatelem. Pokud při vytváření prostředků dojde k chybě oprávnění, váš účet Azure nemusí mít dostatečná oprávnění. Nasazení GitHub Actions můžete nakonfigurovat později s identitou vygenerovanou správcem Azure nebo můžete místo toho povolit základní ověřování.

  7. Vyberte tlačítko Zkontrolovat a vytvořit v dolní části stránky.

  8. Po spuštění ověření vyberte tlačítko Vytvořit v dolní části stránky.

  9. Po dokončení nasazení vyberte Přejít k prostředku.

    Snímek obrazovky s dalším krokem přechodu na prostředek

  10. Přejděte do nasazené aplikace ve webovém prohlížeči na adrese URL http://<app-name>.azurewebsites.net. Pokud se zobrazí zpráva "Vaše webová aplikace je spuštěná a čeká se na váš obsah", nasazení GitHubu je stále spuštěné. Počkejte několik minut a aktualizujte stránku.

Šablona AZD obsahuje soubory, které generují následující požadované prostředky pro spuštění vaší aplikace ve službě App Service:

  • Nová skupina prostředků, která bude obsahovat všechny prostředky Azure pro službu.
  • Nový plán služby App Service, který určuje umístění, velikost a funkce farmy webových serverů, které hostuje vaši aplikaci.
  • Nová instance aplikace App Service pro spuštění nasazené aplikace.

  1. Přihlaste se ke svému účtu Azure pomocí azd auth login příkazu a na příkazovém řádku:

    azd auth login

  2. Pomocí příkazu vytvořte prostředky Azure a nasaďte aplikaci azd up :

    azd up

    Dokončení azd up příkazu může trvat několik minut. azd up používá soubory Bicep ve vašich projektech k vytvoření skupiny prostředků, plánu služby App Service a hostitelské aplikace. Také provádí určité konfigurace, jako je povolení protokolování a nasazení zkompilovaného kódu aplikace. Když je spuštěný, příkaz poskytuje zprávy o procesu zřizování a nasazení, včetně odkazu na nasazení v Azure. Po dokončení zobrazí příkaz také odkaz na aplikaci pro nasazení.

  3. Otevřete webový prohlížeč a přejděte na adresu URL:

    Na stránce se zobrazí webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky s nasazenou ukázkovou aplikací .NET Framework 4.8

3. Aktualizace aplikace a opětovné nasazení

Provedete změnu souboru Index.cshtml a znovu nasadíte změny, abyste změny viděli. V šabloně .NET 8.0 je ve složce Pages . V šabloně rozhraní .NET Framework 4.8 je ve složce Views/Home . Při aktualizaci a opětovném nasazení webové aplikace postupujte takto:

  1. V Průzkumník řešení v rámci projektu otevřete Index.cshtml.

  2. Nahraďte první <div> prvek následujícím kódem:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Tip

    Pokud je v sadě Visual Studio povolený GitHub Copilot, vyzkoušejte následující:

    1. <div> Vyberte prvek a zadejte Alt+/.
    2. Zeptejte se Copilotu na kartu Bootstrap s názvem .NET 💜 Azure.

    Uložte provedené změny.

  3. Pokud chcete znovu nasadit do Azure, klikněte pravým tlačítkem myši na projekt MyFirstAzureWebApp v Průzkumník řešení a vyberte Publikovat.

  4. Na stránce Souhrn publikování vyberte Publikovat.

    Po dokončení publikování spustí Visual Studio prohlížeč na adrese URL webové aplikace.

    Na stránce se zobrazí aktualizovaná webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky se sadou Visual Studio – aktualizace webové aplikace ASP.NET Core 8.0 v Azure

  1. Otevřete Pages/Index.cshtml.

  2. Nahraďte první <div> prvek následujícím kódem:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Tip

    Zkuste to pomocí GitHub Copilotu:

    1. Vyberte celý <div> prvek a klikněte na .
    2. Zeptejte se Copilotu na kartu Bootstrap s názvem .NET 💜 Azure.

    Uložte provedené změny.

  3. V editoru Visual Studio Code otevřete paletu příkazů Ctrl+Shift+P.

  4. Vyhledejte a vyberte "Aplikace Azure Služba: Nasadit do webové aplikace".

  5. Vyberte předplatné a webovou aplikaci, kterou jste použili dříve.

  6. Po zobrazení výzvy vyberte Nasadit.

  7. Po dokončení publikování vyberte v oznámení možnost Procházet web .

    Na stránce se zobrazí aktualizovaná webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky editoru Visual Studio Code – aktualizovaná webová aplikace ASP.NET Core 8.0 v Azure

Tip

Pokud chcete zjistit, jak Visual Studio Code s GitHub Copilotem pomáhá zlepšit vývojové prostředí pro web, prohlédněte si kroky editoru Visual Studio Code.

V místním adresáři otevřete soubor Pages/Index.cshtml . Nahraďte první <div> prvek:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Uložte změny a pak aplikaci znovu nasaďte pomocí az webapp up příkazu a nahraďte <os> ji buď linux nebo windows.

az webapp up --os-type <os>

Tento příkaz používá hodnoty uložené místně v souboru .azure/config , včetně názvu aplikace, skupiny prostředků a plánu služby App Service.

Po dokončení nasazení přepněte zpět do okna prohlížeče, které se otevřelo v kroku Procházet k aplikaci , a stiskněte aktualizovat.

Na stránce se zobrazí aktualizovaná webová aplikace ASP.NET Core 8.0.

Snímek obrazovky rozhraní příkazového řádku – Aktualizace webové aplikace ASP.NET Core 8.0 v Azure

  1. V místním adresáři otevřete soubor Pages/Index.cshtml . Nahraďte první <div> prvek:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

  2. Z kořenové složky aplikace připravte místní aplikaci MyFirstAzureWebApp pro nasazení pomocí dotnet publish příkazu:

    dotnet publish --configuration Release

  3. Přejděte do adresáře vydané verze a vytvořte soubor ZIP z obsahu:

    cd bin\Release\net8.0\publish
Compress-Archive -Path * -DestinationPath deploy.zip

  4. Publikujte soubor ZIP do aplikace Azure pomocí příkazu Publish-AzWebApp :

    Publish-AzWebApp -ResourceGroupName myResourceGroup -Name <app-name> -ArchivePath (Get-Item .\deploy.zip).FullName -Force

    Poznámka:

    -ArchivePath potřebuje úplnou cestu k souboru ZIP.

  5. Po dokončení nasazení přepněte zpět do okna prohlížeče, které se otevřelo v kroku Procházet k aplikaci , a stiskněte aktualizovat.

    Na stránce se zobrazí aktualizovaná webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky rozhraní příkazového řádku – Aktualizace webové aplikace ASP.NET Core 8.0 v Azure

  1. Přejděte ke svému forku GitHubu ukázkového kódu.

  2. Na stránce úložiště vytvořte prostor kódu tak, že vyberete Code>Create codespace on main.

    Tip

    Pokud máte účet GitHub Copilot, zkuste získat funkce GitHub Copilotu ve vašem codespace.

  3. Otevřete stránku Index.cshtml.

    Index.cshtml se nachází ve Pages složce.

    Snímek obrazovky s oknem Průzkumníka v editoru Visual Studio Code v prohlížeči a zvýrazněním souboru Index.cshtml v úložišti dotnetcore-docs-hello-world

  4. Nahraďte první <div> prvek následujícím kódem:

    <div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

    Změny se automaticky uloží.

    Tip

    Zkuste to pomocí GitHub Copilotu:

    1. Vyberte celý <div> prvek a klikněte na .
    2. Zeptejte se Copilotu na kartu Bootstrap s názvem .NET 💜 Azure.

  5. V nabídce Správa zdrojového kódu zadejte zprávu potvrzení, například Modify homepage. Potom výběrem možnosti Ano vyberte Potvrdit a potvrďte přípravu změn.

    Tip

    Nechte GitHub Copilot vytvořit zprávu potvrzení za vás výběrem v poli se zprávou.

  6. Vyberte Synchronizovat změny 1 a potvrďte to tak , že vyberete OK.

  7. Spuštění nasazení trvá několik minut. Chcete-li zobrazit průběh, přejděte na https://github.com/<your-github-alias>/dotnetcore-docs-hello-world/actions.

  8. Vraťte se do okna prohlížeče, které se otevřelo během procházení kroku aplikace , a aktualizujte stránku.

    Na stránce se zobrazí aktualizovaná webová aplikace ASP.NET Core 8.0.

    Snímek obrazovky rozhraní příkazového řádku – Aktualizace webové aplikace ASP.NET Core 8.0 v Azure

V místním adresáři otevřete soubor src/Pages/Index.cshtml . Nahraďte první <div> prvek:

<div class="jumbotron">
    <h1>.NET 💜 Azure</h1>
    <p class="lead">Example .NET app to Azure App Service.</p>
</div>

Uložte změny a pak aplikaci znovu nasaďte pomocí azd up příkazu:

azd up

azd up tento krok zřizování prostředků přeskočí a znovu nasadí váš kód, protože v souborech Bicep nejsou žádné změny.

Po dokončení nasazení se prohlížeč otevře v aktualizované webové aplikaci ASP.NET Core 8.0.

Snímek obrazovky rozhraní příkazového řádku – Aktualizace webové aplikace ASP.NET Core 8.0 v Azure

4. Správa aplikace Azure

Pokud chcete spravovat webovou aplikaci, přejděte na web Azure Portal a vyhledejte a vyberte App Services.

Snímek obrazovky webu Azure Portal – Výběr možnosti App Services

Na stránce App Services vyberte název vaší webové aplikace.

Snímek obrazovky se stránkou Azure Portal – App Services s vybranou ukázkovou webovou aplikací

Stránka Přehled vaší webové aplikace obsahuje možnosti základní správy, jako je procházení, zastavení, spuštění, restartování a odstranění. Levá nabídka poskytuje další stránky pro konfiguraci aplikace.

Snímek obrazovky webu Azure Portal – stránka s přehledem služby App Service

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, můžete je odstranit tak, že odstraníte skupinu prostředků.

  1. Na stránce Přehled vaší webové aplikace na webu Azure Portal vyberte odkaz myResourceGroup v části Skupina prostředků.
  2. Na stránce skupiny prostředků zkontrolujte, že chcete všechny uvedené prostředky odstranit.
  3. Vyberte Odstranit skupinu prostředků, do textového pole zadejte myResourceGroup a pak vyberte Odstranit.
  4. Potvrďte to znovu tak, že vyberete Odstranit.

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, můžete je odstranit tak, že odstraníte skupinu prostředků.

  1. Na stránce Přehled vaší webové aplikace na webu Azure Portal vyberte odkaz myResourceGroup v části Skupina prostředků.
  2. Na stránce skupiny prostředků zkontrolujte, že chcete všechny uvedené prostředky odstranit.
  3. Vyberte Odstranit skupinu prostředků, do textového pole zadejte myResourceGroup a pak vyberte Odstranit.
  4. Potvrďte to znovu tak, že vyberete Odstranit.

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:

az group delete

Pro usnadnění vašeho pohodlí příkaz, který jste spustili dříve v tomto projektu, az webapp up uloží název skupiny prostředků jako výchozí hodnotu při každém spuštění az příkazů z tohoto projektu.

Vyčištění prostředků

V předchozích krocích jste vytvořili prostředky Azure ve skupině prostředků. Pokud v budoucnu tyto prostředky nepotřebujete, odstraňte skupinu prostředků spuštěním následujícího příkazu PowerShellu:

Remove-AzResourceGroup -Name myResourceGroup

Spuštění tohoto příkazu může trvat přibližně minut.

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, můžete je odstranit tak, že odstraníte skupinu prostředků.

  1. Na stránce Přehled vaší webové aplikace na webu Azure Portal vyberte odkaz myResourceGroup v části Skupina prostředků.
  2. Na stránce skupiny prostředků zkontrolujte, že chcete všechny uvedené prostředky odstranit.
  3. Vyberte Odstranit skupinu prostředků, do textového pole zadejte myResourceGroup a pak vyberte Odstranit.
  4. Potvrďte to znovu tak, že vyberete Odstranit.

Vyčištění prostředků

azd down Pomocí příkazu odeberte skupinu prostředků a všechny přidružené prostředky:

azd down

Další kroky při práci se šablonami a dalšími funkcemi azd najdete v dokumentaci k Azure Developer CLI.

Další kroky