Cvičení – vytvoření nové aplikace ASP.NET Core

  • 10 min

V této lekci vytvoříte, sestavíte a spustíte na místním počítači novou webovou aplikaci ASP.NET Core. Budete potřebovat nainstalovanou sadu Visual Studio 2022 s nainstalovanými úlohami vývoje pro ASP.NET a web a vývojové úlohy Azure.

Vytvoření projektu ASP.NET Core

  1. Na místním počítači otevřete Visual Studio 2022.

  2. Na úvodní stránce sady Visual Studio vyberte v části Začínáme vytvořit nový projekt.

  3. Do vyhledávacího pole zadejte web.

  4. Ve výsledcích hledání vyberte ASP.NET Core Web App (Razor Pages).

  5. Vyberte Další.

  6. V dialogu nového projektu nastavte pole názvu na AlpineSkiHouse.

  7. Vyberte umístění v počítači pro nové řešení.

  8. Vyberte Další.

  9. V rozevíracím seznamu Framework vyberte .NET 8.0 (dlouhodobá podpora ).

  10. Funkci vytvoříte pomocí Vytvořit.

    Poznámka:

    V tomto dialogovém okně můžete také vybrat různé počáteční šablony v závislosti na vašich požadavcích na vývoj webu. Nahoře v dialogovém okně také můžete vybrat verzi ASP.NET Core. Pokud je to možné, měli byste vybrat ASP.NET Core 8.0, i když s tímto cvičením budou fungovat i jiné nedávné verze ASP.NET Core.

  11. Teď byste měli mít nové řešení webové aplikace využívající ASP.NET Core.

Sestavení a otestování na místním počítači

Před nasazením do Azure aplikaci sestavíme a otestujeme na místním počítači.

  1. Spuštění aplikace:

    Stisknutím klávesy F5 sestavte projekt a spusťte ladicí režim.

    Stisknutím kláves Ctrl+F5 sestavte projekt a spusťte ho bez připojení ladicího programu.

    Tip

    Spuštění aplikace v režimu bez ladění umožňuje provést změny kódu, uložit soubor, aktualizovat prohlížeč a zobrazit změny kódu. Řada vývojářů dává přednost používání režimu bez ladění, aby mohli aplikaci rychle spustit a podívat se na změny.

  2. Visual Studio spustí webový prohlížeč IIS (Internetová informační služba) Express a načte aplikaci.

    Webová aplikace spuštěná v prohlížeči

    Když Visual Studio vytvoří webový projekt, použije pro webový server náhodný port. Na předchozím obrázku je vidět číslo portu 44381. Při spuštění aplikace se vám pravděpodobně zobrazí jiné číslo portu.

    Důležité

    V horní části webové stránky si můžete všimnout části s místem pro vaše zásady ochrany osobních údajů a použití souborů cookie. Kliknutím na tlačítko Přijmout vyjádříte souhlas se sledováním. Tato aplikace nesleduje osobní údaje. Kód vygenerovaný šablonou zahrnuje prostředky, které vám pomohou splnit požadavky obecného nařízení o ochraně osobních údajů (GDPR).

Teď jste vytvořili webovou aplikaci z ukázkové šablony a je spuštěná místně. Dalším krokem je její nasazení do Azure.