Kurz: Začínáme s ASP.NET Core

V tomto kurzu se dozvíte, jak vytvořit a spustit webovou aplikaci ASP.NET Core pomocí .NET Core CLI.

Dozvíte se, jak provést tyto akce:

• Vytvořit projekt webové aplikace.
• Důvěřovat vývojovému certifikátu.
• Spustit aplikaci.
• Upravit stránku Razor.

Na konci budete mít na svém místním počítači spuštěnou funkční webovou aplikaci.

Požadavky

.NET 7.0 SDK

Vytvoření projektu webové aplikace

Otevřete příkazové prostředí a zadejte následující příkaz:

dotnet new webapp -o aspnetcoreapp

Předchozí příkaz:

• Vytvoří novou webovou aplikaci.
• Parametr -o aspnetcoreapp vytvoří adresář s názvem aspnetcoreapp se zdrojovými soubory aplikace.

Důvěřování vývojovému certifikátu

Důvěřujte vývojovému certifikátu HTTPS:

Windows

dotnet dev-certs https --trust

Předchozí příkaz zobrazí následující dialogové okno:

Pokud souhlasíte s tím, že se má důvěřovat vývojovému certifikátu, vyberte Ano.

macOS

dotnet dev-certs https --trust

Předchozí příkaz zobrazí následující zprávu:

„Bylo požadováno důvěřování vývojovému certifikátu HTTPS. Pokud certifikát ještě není důvěryhodný, spustíme následující příkaz: 'sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain <<certificate>>'

Tento příkaz vás může vyzvat k zadání hesla pro instalaci certifikátu do systémového řetězce klíčů. Pokud souhlasíte s tím, že se má vývojovému certifikátu důvěřovat, zadejte heslo.

Linux

Informace o tom, jak důvěřovat vývojovému certifikátu HTTPS, najdete v dokumentaci k vaší distribuci Linuxu.

Další informace viz Důvěřování vývojovému certifikátu ASP.NET Core HTTPS

Spustit aplikaci

Spusťte následující příkazy:

cd aspnetcoreapp
dotnet watch run

Jakmile se v příkazovém prostředí zobrazí, že je aplikace spuštěná, přejděte do https://localhost:{port}, kde {port} je náhodně použitý port.

Úprava stránky Razor

Otevřete Pages/Index.cshtml a upravte a uložte tuto stránku s následujícím zvýrazněným kódem:

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Hello, world! The time on the server is @DateTime.Now</p>
</div>

Přejděte na https://localhost:{port}, stránku aktualizujte a ověřte, že jsou změny zobrazeny.

Další kroky

V tomto kurzu jste se naučili:

• Vytvořit projekt webové aplikace.
• Důvěřovat vývojovému certifikátu.
• Spustit projekt.
• Provést změnu.

Další informace o ASP.NET Core najdete tady:

Přehled ASP.NET Core