Tutorial: introdução ao ASP.NET Core

Este tutorial mostra como criar e executar um aplicativo Web ASP.NET Core usando a CLI do .NET.

Você aprenderá a:

• Criar um projeto de aplicativo Web.
• Execute o aplicativo.
• Editar uma página do Razor.

No final, você terá um aplicativo Web de trabalho em execução no seu computador local.

Pré-requisitos

SDK DO .NET 8.0

Criar um projeto de aplicativo Web

Abra um shell de comando e insira o seguinte comando:

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

O comando anterior cria um novo projeto de aplicativo Web em um diretório chamado aspnetcoreapp. O projeto não usa HTTPS.

Executar o aplicativo

Execute os seguintes comandos:

cd aspnetcoreapp
dotnet run

O comando run produz uma saída como o seguinte exemplo:

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 um navegador e acesse a URL mostrada na saída. Neste exemplo, a URL é http://localhost:5109.

O navegador mostra a página inicial.

Editar uma página do Razor

Altere a página inicial:

• No shell de comando, clique em Ctrl+C (Cmd+C no macOS) para sair do programa.

• Abra Pages/Index.cshtml em um editor de texto.

• Substitua a linha que começa com "Saiba mais" pela seguinte marcação e código realçados:

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

• Salve suas alterações.

• No shell de comando, execute o comando dotnet run novamente.

• No navegador, atualize a página e verifique se as alterações foram exibidas.

  

Próximas etapas

Neste tutorial, você aprendeu a:

• Criar um projeto de aplicativo Web.
• Execute o projeto .
• Faça uma alteração.

Para saber mais sobre o ASP.NET Core, confira o seguinte:

Visão geral do ASP.NET Core