Compartir a través de

Tutorial: Introducción a ASP.NET Core

Nota:

Esta no es la versión más reciente de este artículo. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Advertencia

Esta versión de ASP.NET Core ya no se admite. Para obtener más información, consulte la directiva de compatibilidad de .NET y .NET Core. Para la versión actual, consulte la versión de .NET 9 de este artículo.

Importante

Esta información hace referencia a un producto en versión preliminar, el cual puede sufrir importantes modificaciones antes de que se publique la versión comercial. Microsoft no proporciona ninguna garantía, expresa o implícita, con respecto a la información proporcionada aquí.

Para la versión actual, consulte la versión de .NET 9 de este artículo.

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

Para ver tutoriales de Blazor, consulta Tutoriales de ASP.NET Core Blazor.

Aprenderá a:

  • Crear un proyecto de aplicación web.
  • 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.

Página principal de la aplicación web

Requisitos previos

SDK de .NET 8

SDK DE .NET 7

SDK de .NET 6

Crear un proyecto de aplicación web

Abra un shell de comandos y escriba el siguiente comando:

dotnet new webapp --output aspnetcoreapp --no-https

El comando anterior crea un nuevo proyecto de aplicación web en un directorio denominado aspnetcoreapp. El proyecto no usa HTTPS.

Ejecución de la aplicación

Ejecute los comandos siguientes:

cd aspnetcoreapp
dotnet run

El comando run genera una salida como la del siguiente ejemplo:

Building...
info: Microsoft.Hosting.Lifetime[14]
      Now listening on: http://localhost:5109
info: Microsoft.Hosting.Lifetime[0]
      Application started. Press Ctrl+C to shut down.
info: Microsoft.Hosting.Lifetime[0]
      Hosting environment: Development
info: Microsoft.Hosting.Lifetime[0]
      Content root path: C:\aspnetcoreapp

Abra un explorador y vaya a la dirección URL que se muestra en la salida. En este ejemplo, la dirección URL es http://localhost:5109.

El explorador muestra la página principal.

Página principal de la aplicación web

Edición de una página de Razor Pages

Cambie la página principal:

  • En el shell de comandos, presione Ctrl+C (Cmd+C en macOS) para salir del programa.

  • Abra Pages/Index.cshtml en un editor de texto.

  • Reemplace la línea que comienza por "Obtener información sobre" por el marcado y el código resaltados siguientes:

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

  • Guarde los cambios.

  • En el shell de comandos, vuelva a ejecutar el comando dotnet run.

  • En el explorador, actualice la página y confirme que los cambios aparecen reflejados.

    Página principal de la aplicación web que muestra el cambio realizado.

Pasos siguientes

En este tutorial ha aprendido a:

  • Crear un proyecto de aplicación web.
  • 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