Tutorial: Introducción a ASP.NET Core

En este tutorial se muestra cómo crear y ejecutar una aplicación web ASP.NET Core con la CLI de .NET Core.

Aprenderá a:

• Crear un proyecto de aplicación web.
• Confíe en el certificado de desarrollo.
• Ejecutar la aplicación.
• Editar una página de Razor.

Al final, tendrá una aplicación web en funcionamiento ejecutándose en el equipo local.

Requisitos previos

SDK de .NET 7.0

Crear un proyecto de aplicación web

Abra un shell de comandos y escriba el siguiente comando:

dotnet new webapp -o aspnetcoreapp

El comando anterior:

• Crea una nueva aplicación web.
• El parámetro -o aspnetcoreapp crea un directorio llamado aspnetcoreapp con los archivos de código fuente de la aplicación.

Confíe en el certificado de desarrollo

Confíe en el certificado de desarrollo HTTPS:

Windows

dotnet dev-certs https --trust

El comando anterior muestra el siguiente cuadro de diálogo:

Si acepta confiar en el certificado de desarrollo, seleccione Sí.

macOS

dotnet dev-certs https --trust

El comando anterior muestra el siguiente mensaje:

Se ha solicitado que confíe en el certificado de desarrollo HTTPS. Si el certificado todavía no es de confianza, se ejecutará el comando siguiente:. 'sudo security add-trusted-cert -d -r trustRoot -k /Library/Keychains/System.keychain <<certificate>>'

Este comando podría solicitarle la contraseña para instalar el certificado en la cadena de claves del sistema. Si acepta confiar en el certificado de desarrollo, escriba la contraseña.

Linux

Consulte la documentación correspondiente a su distribución Linux sobre cómo confiar en el certificado de desarrollo HTTPS.

Para más información, consulte Confiar en el certificado de desarrollo de ASP.NET Core HTTPS

Ejecutar la aplicación

Ejecute los comandos siguientes:

cd aspnetcoreapp
dotnet watch run

Después de que el shell de comandos indique que se ha iniciado la aplicación, vaya a https://localhost:{port}, donde {port}es el puerto aleatorio utilizado.

Edición de una página de Razor Pages

Abra Pages/Index.cshtml y modifique y guarde la página con el siguiente marcado resaltado:

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

Vaya a https://localhost:{port}, actualice la página y confirme que los cambios aparecen reflejados.

Pasos siguientes

En este tutorial ha aprendido a:

• Crear un proyecto de aplicación web.
• Confíe en el certificado de desarrollo.
• Ejecute el proyecto.
• Realizar un cambio.

Para obtener más información sobre ASP.NET Core, vea lo siguiente:

Información general de ASP.NET Core