Övning – Kör webbappen lokalt

  • 2 minuter

I den här övningen kommer du att:

  • Kör webbappen lokalt och visa den i en webbläsare.
  • Granska hur webbappen hanteras.

Kör webbappen och visa i en webbläsare

Kör webbappen i Visual Studio Code och visa i en webbläsare:

  1. I Visual Studio Code trycker du på F5 för att köra appen.

    Visual Studio Code:

    • Utlöser .NET CLI-kommandot dotnet run som skapar och kör programmet.
    • Kopplar felsökningsprogrammet till det program som körs.

    Första gången projektet körs i Visual Studio Code visas kommandotolken Välj felsökningsprogram .

  2. I kommandotolken Välj felsökning i kommandopaletten överst i Visual Studio Code-användargränssnittet väljer du C#. I nästa prompt väljer du standardkonfigurationen för start (C#: MyWebApp [Default Configuration]):

    Skärmbild av att välja Välj felsökningsprogram i kommandopaletten.

    Standardwebbläsaren startas på http://localhost:{PORT}, som visar appens svar. Platshållaren {PORT} är den slumpmässiga port som tilldelas till appen när appens projekt skapas. Om du behöver ändra porten på grund av en lokal portkonflikt ändrar du porten i projektets egenskaps -/launchSettings.json-fil .

    Svaret som visas i webbläsaren:

    Skärmbild av en webbläsare som visar textutdata.

  3. Stäng webbläsarfönstret.

  4. I Visual Studio, antingen:

    • På menyn Kör väljer du Stoppa felsökning.
    • Tryck på Skift+F5 på tangentbordet.

Kör webbappen med .NET CLI:

  1. Från en terminal eller kommandoraden går du till projektkatalogen MyWebApp som innehåller filen MyWebApp.csproj .

  2. Skapa och kör appen med följande kommando:

    dotnet run

    Projektet skapas, körs och visar följande utdata på kommandoraden:

    C:\MyWebApp> dotnet run
Building...
info: Microsoft.Hosting.Lifetime[14]
        Now listening on: http://localhost:5267
info: Microsoft.Hosting.Lifetime[0]
        Application started. Press Ctrl+C to shut down.

    Eftersom portnumret i den angivna URL:en anges slumpmässigt i konfigurationen när projektet skapas kan slutpunkten ha ett annat portnummer.

  3. Öppna en webbläsare till url:en som genereras vid dina egna kommandoradsutdata. Appens svar Hello World! visas:

    Skärmbild av en webbläsare som visar textutdata.

  4. Om du vill stänga av appen trycker du på Ctrl+C på kommandoraden.

Hur webbappen hanteras

När appen skapas och körs utförs följande steg:

Bygg och konfiguration:

  • MSBuild anropas för att återställa beroenden och kompilera projektet. MSBuild bearbetar projektfilen MyWebApp.csproj och kompilerar källkoden till en sammansättning.
  • Appen läser konfigurationsinställningar, inklusive de inställningar som anges i launchSettings.json för standardstartprofilen (den första visas).

Värdkonfiguration:

  • Metoden WebApplication.CreateBuilder i Program.cs konfigurerar webbvärden. Som standard konfigurerar den här metoden Kestrel som webbserver. Kestrel är en plattformsoberoende webbserver för ASP.NET Core som är utformad för höga prestanda.
  • Kestrel börjar lyssna efter inkommande HTTP-begäranden på de konfigurerade URL:erna, inklusive HTTPS om det anges.

Hantering av begäranden:

  • När en begäran tas emot vidarebefordrar Kestrel den till pipelinen ASP.NET Core middleware.
  • Pipelinen för mellanprogram bearbetar begäran via en serie mellanprogramkomponenter, som kan hantera uppgifter som autentisering, loggning och routning.
  • Om begäran matchar en definierad väg körs motsvarande slutpunkt. I det här fallet app.MapGet("/", () => "Hello World!") hanterar slutpunkten begäranden till rot-URL:en och returnerar strängen Hello World!.

Svar:

  • Svaret, som i det här fallet är strängen "Hello World!", skickas tillbaka via pipelinen för mellanprogram till Kestrel, som sedan skickar tillbaka det till klienten.