Tutorial: Erste Schritte mit ASP.NET Core

Dieses Tutorial zeigt, wie Sie eine ASP.NET Core-Web-App über die .NET-CLI erstellen und ausführen.

Tutorials zu Blazor finden Sie unter ASP.NET Core Blazor-Tutorials.

Sie lernen Folgendes:

• Erstellen eines Web-App-Projekts
• Führen Sie die App aus.
• Bearbeiten Sie eine Razor-Seite.

Am Schluss werden Sie eine funktionierende Web-App auf Ihrem lokalen Computer besitzen.

Voraussetzungen

.NET 8.0 SDK

Erstellen Sie ein Web-App-Projekt.

Öffnen Sie eine Befehlsshell, und geben Sie den folgenden Befehl ein:

.NET CLI

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

Mit dem obigen Befehl wird ein neues Web App-Projekt in einem Verzeichnis mit dem Namen aspnetcoreapp erstellt. Das Projekt verwendet kein HTTPS.

Ausführen der App

Führen Sie die folgenden Befehle aus:

.NET CLI

cd aspnetcoreapp
dotnet run

Der Befehl run erzeugt eine Ausgabe, die dem folgenden Beispiel ähnelt:

Output

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

Öffnen Sie einen Browser, und wechseln Sie zur URL, die in der Ausgabe angezeigt wird. In diesem Beispiel ist die URL http://localhost:5109.

Der Browser zeigt die Startseite.

Bearbeiten einer Razor-Seite

So ändern sie die Startseite:

• Drücken Sie in der Befehlsshell STRG+C (BEFEHL+C unter macOS), um das Programm zu beenden.

• Öffnen Sie Pages/Index.cshtml in einem Text-Editor.

• Ersetzen Sie die Zeile, die mit „Learn about“ beginnt, durch das folgende hervorgehobene Markup und den folgenden Code:

  CSHTML

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

• Speichern Sie die Änderungen.

• Führen Sie in der Befehlsshell den Befehl dotnet run erneut aus.

• Aktualisieren Sie im Browser die Seite, und überprüfen Sie, ob die Änderungen angezeigt werden.

  

Nächste Schritte

In diesem Tutorial haben Sie Folgendes gelernt:

• Erstellen eines Web-App-Projekts
• Führen Sie das Projekt aus.
• Führen Sie eine Änderung durch.

Um mehr über ASP.NET Core zu erfahren, lesen Sie Folgendes:

Übersicht über ASP.NET Core