Självstudie: Kom igång med ASP.NET Core

Artikel
01/23/2025

Note

Det här är inte den senaste versionen av den här artikeln. Den aktuella versionen av den här artikeln finns i .NET 9-versionen .

Varning

Den här versionen av ASP.NET Core stöds inte längre. Mer information finns i .NET och .NET Core Support Policy. För den nuvarande versionen, se .NET 9-versionen av den här artikeln.

Viktig

Den här informationen gäller en förhandsversionsprodukt som kan ändras avsevärt innan den släpps kommersiellt. Microsoft lämnar inga garantier, uttryckliga eller underförstådda, med avseende på den information som tillhandahålls här.

Den aktuella versionen finns i den .NET 9-versionen av den här artikeln.

Den här självstudien visar hur du skapar och kör en ASP.NET Core-webbapp med hjälp av .NET CLI.

För Blazor handledningar, se ASP.NET Core Blazor-handledningar.

Du får lära dig att:

Skapa ett webbappsprojekt.
Kör appen.
Redigera en Razor sida.

I slutet har du en fungerande webbapp som körs på den lokala datorn.

webbappens startsida

Förutsättningar

.NET 8.0 SDK

.NET 7.0 SDK

.NET 6.0 SDK

Skapa ett webbappsprojekt

Öppna ett kommandogränssnitt och ange följande kommando:

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

Föregående kommando skapar ett nytt webbappsprojekt i en katalog med namnet aspnetcoreapp. Projektet använder inte HTTPS.

Kör appen

Kör följande kommandon:

cd aspnetcoreapp
dotnet run

Kommandot run genererar utdata som i följande exempel:

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

Öppna en webbläsare och gå till url:en som visas i utdata. I det här exemplet är URL:en http://localhost:5109.

Webbläsaren visar startsidan.

webbappens startsida

Redigera en Razor sida

Ändra startsidan:

I kommandogränssnittet trycker du på Ctrl+C (Cmd+C i macOS) för att avsluta programmet.
Öppna Pages/Index.cshtml i en textredigerare.

Ersätt raden som börjar med "Learn about" med följande markerad text och kod:

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

Spara ändringarna.
Kör kommandot dotnet run igen i kommandogränssnittet.
I webbläsaren uppdaterar du sidan och kontrollerar att ändringarna visas.

Nästa steg

I den här handledningen lärde du dig hur man:

Skapa ett webbappsprojekt.
Kör projektet.
Gör en ändring.

Mer information om ASP.NET Core finns i följande:

Översikt över ASP.NET Core

Dela via