Esercitazione: Introduzione ad ASP.NET Core

Questa esercitazione illustra come creare ed eseguire un'app Web ASP.NET Core usando l'interfaccia della riga di comando di .NET Core.

Si apprenderà come:

• Creare un progetto di app Web.
• Considerare attendibile il certificato di sviluppo.
• Eseguire l'app.
• Modificare una pagina Razor.

Al termine, si avrà un'app Web funzionante che viene eseguita nel computer locale.

Prerequisiti

.NET 7.0 SDK

Creare un progetto di app Web

Aprire una shell dei comandi e immettere il comando seguente:

dotnet new webapp -o aspnetcoreapp

Il comando precedente:

• Crea una nuova app Web.
• Il parametro -o aspnetcoreapp crea una directory denominata aspnetcoreapp con i file di origine per l'app.

Considerare attendibile il certificato di sviluppo

Considerare attendibile il certificato di sviluppo HTTPS:

Windows

dotnet dev-certs https --trust

Il comando precedente consente di visualizzare la finestra di dialogo seguente:

Selezionare Sì se si accetta di considerare attendibile il certificato di sviluppo.

macOS

dotnet dev-certs https --trust

Il comando precedente consente di visualizzare il messaggio seguente:

Trusting the HTTPS development certificate was requested (È stato richiesto di considerare attendibile il certificato di sviluppo HTTPS). Se il certificato non è già considerato attendibile, verrà eseguito il comando seguente: 'sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain <<certificate>>'

Questo comando potrebbe richiedere la password per installare il certificato nel keychain di sistema. Inserire la password se si accetta di considerare attendibile il certificato di sviluppo.

Linux

Vedere la documentazione della distribuzione di Linux su come rendere attendibile il certificato di sviluppo HTTPS.

Per altre informazioni, vedere Considerare attendibile il certificato di sviluppo di ASP.NET Core HTTPS

Eseguire l'app

Eseguire i comandi seguenti:

cd aspnetcoreapp
dotnet watch run

Dopo che la shell dei comandi indica che l'app è stata avviata, passare a https://localhost:{port}, dove {port} è la porta casuale usata.

Modificare una pagina Razor

Aprire Pages/Index.cshtml e modificare e salvare la pagina con il markup evidenziato seguente:

@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>

Passare a https://localhost:{port}, aggiornare la pagina e verificare che le modifiche siano visualizzate.

Passaggi successivi

Questa esercitazione ha descritto come:

• Creare un progetto di app Web.
• Considerare attendibile il certificato di sviluppo.
• Eseguire il progetto.
• Apportare una modifica.

Per altre informazioni su ASP.NET Core, vedere:

Panoramica di ASP.NET Core