Gyorsútmutató: ASP.NET Core hibakeresése a Visual Studio hibakeresőjével

Ebben a rövid útmutatóban megtudhatja, hogyan használhatja a Visual Studio hibakeresőt a ASP.NET Core alkalmazáskód hibakereséséhez. Ez a cikk gyors módot kínál a hibakeresőben való munkavégzés alapvető funkcióinak megismerésére.

Ha nem rendelkezik Visual Studio, telepítheti a free próbaverziót a Visual Studio Letöltések lapról.

Új projekt létrehozása

Először hozzon létre egy új projektet, hogy legyen némi kódja, amelyet ellenőrizhet a hibakeresőben.

  1. Nyissa meg a Visual Studiót, és hozzon létre egy új projektet.

    • Ha a Kezdőablak nincs megnyitva, válassza a Fájl>Kezdőablak menüpontot.

    • A Start ablakban válassza az Új projekt létrehozása lehetőséget.

  2. Az Új projekt létrehozása ablakban állítsa be a szűrőket, és keressen egy projektsablont.

    • A Sablonok keresése mezőbe írja be a webalkalmazást.

    • Bontsa ki a Nyelv legördülő menüt, és válassza a C# lehetőséget.

  3. Az eredmények listájában válassza a ASP.NET Core Web App (Razor Pages) sablont a C#-hoz, majd válassza a Next.

    Ha nem látja a ASP.NET Core Web App (Razor Pages) C#-sablont, válassza a Kontinue kód nélkül lehetőséget.

    1. Válassza a Tools>Eszközök és szolgáltatások... , amely megnyitja a Visual Studio Telepítőt.

    2. A Telepítő ablakban jelölje be a ASP.NET és a webfejlesztés számítási feladat jelölőnégyzetét, majd válassza a Modify lehetőséget.

      A Visual Studio telepítési frissítései a kiválasztott ASP.NET számítási feladatot is tartalmazzák.

    3. A frissítés befejezése után válassza a Fájlindító>ablak lehetőséget, és az előző utasításokat követve válassza ki a szükséges sablont.

  4. Az új projekt konfigurálása:

    1. Adjon meg egy Project nevet és Solution nevet, vagy használja az alapértelmezett értékeket.

    2. Használja az alapértelmezett helyet , vagy válassza a Tallózás (...) lehetőséget a projekt másik mappában való létrehozásához.

    3. Válassza a Tovább gombot.

    4. Használja az ajánlott cél keretrendszert (az alapértelmezett beállítás a .NET 10.0 hosszú távon támogatott).

    5. A többi beállításnál használja az alapértelmezett értékeket.

    6. Válassza a Create gombot.

    Visual Studio létrehozza az új projektet, és hozzáadja a projektfájlokat a megadott mappához.

A projektkód frissítése

Frissítse a projektsablon által biztosított kód egy részét, hogy több utasítást tesztelhessen a hibakeresőben.

  1. A Megoldáskezelő panelen bontsa ki a <project-name>\Pages csomópontot, és válassza ki a Privacy.cshtml elemet.

    Megnyílik a Privacy.cshtml fájl a kódszerkesztőben.

  2. Keresse meg a kód következő szakaszát a fájlban, és cserélje le a megadott kódrészletre:

    @{
     ViewData["Title"] = "Privacy Policy";
    }
    

    Cserekódrészlet:

    @{
     ViewData["Title"] = "Privacy Policy";
     <label>@PrivacyModel.PrivacyMessage</label>
    }
    
  3. A Megoldáskezelő területen bontsa ki a <project-name>\Pages\Privacy.cshtml csomópontot, és válassza ki a Privacy.cshtml.cs elemet.

    Megnyílik a Privacy.cshtml.cs fájl a kódszerkesztőben.

  4. Keresse meg a kód következő szakaszát a fájlban, és cserélje le a megadott kódrészletre:

    public void OnGet()
    {
    }
    

    Cserekódrészlet:

    
    public static string? PrivacyMessage { get; set; }
    
    public void OnGet() {
       LinkedList<int> result = DoWork();
    
       PrivacyMessage = "Result of work: " + result.First.Value + ", " + result.First.Value;
    }
    
    private static LinkedList<int> DoWork() {
       LinkedList<int> c1 = new();
    
       c1.AddLast(10);
       c1.AddLast(20);
    
       LinkedList<int> c2 = new(c1);
       return c2;
    }
    

Töréspont beállítása

A töréspont egy olyan jelölő, amely azt jelzi, hogy a Visual Studiónak hol kell felfüggesztenie a futó kód végrehajtását. Töréspont beállításakor áttekintheti a változók aktuális értékeit, megvizsgálhatja a memória működését, és ellenőrizheti, hogy fut-e egy adott kódág. A töréspontok a hibakeresés legalapvetőbb funkciói.

  1. Töréspont beállításához keresse meg a kódban a(z) DoWork függvény hívását, majd kattintson ugyanazon a soron a bal oldali margóra.

    A töréspont beállításakor egy piros pont jelenik meg a bal oldali margón, a kód megfelelő sorában.

    Screenshot, amely bemutatja, hogyan állíthat be töréspontot a Visual Studio debugger.

    Képernyőkép, amely bemutatja, hogyan állíthat be egy töréspontot a Visual Studio 2022 hibakeresőjében.

  2. Kezdje el a hibakeresést az F5 billentyűparanccsal (vagy válassza aHibakeresés indítása> lehetőséget).

  3. Amikor megnyílik a weblap a böngészőablakban, válassza a lap tetején található Adatvédelmi hivatkozást.

    A kódvégrehajtás közvetlenül a függvény hívása DoWork előtt szünetel.

    A hibakereső ott áll meg, ahol a töréspontot beállította. A sárga nyíl azt az utasítást azonosítja, amelyben a hibakereső szünetelteti az alkalmazás végrehajtását.

    Képernyőkép, amelyen a hibakereső egy beállított töréspontnál szünetel a Visual Studióban.

    Képernyőkép, amelyen a hibakereső egy beállított törésponton szünetel a Visual Studio 2022-ben.

Feltételes töréspontok beállítása

Ha töréspontot állít be egy hurokban vagy rekurzióban, vagy ha sok olyan törésponttal rendelkezik, amelyeken gyakran lépeget, használjon feltételes töréspontot.

Ezzel a módszerrel biztosítható, hogy a kód csak bizonyos feltételek teljesülése esetén legyen felfüggesztve. A feltételes töréspontok időt takaríthatnak meg, és megkönnyítik a nehezen reprodukálható problémák hibakeresését is.

A kód végigjárása

Visual Studio számos különböző módot kínál arra, hogy utasítsa a hibakeresőt az alkalmazás végrehajtásának folytatására. Az alábbi példa egy hasznos parancsot mutat be a kód végigjárásához.

Amíg a kód szünetel a töréspontnál, vigye az egérmutatót az utasítás return c2; fölé, amíg meg nem jelenik a zöld Futtatás a kattintáshoz (Futtatás ide) ikon. Válassza ki az ikont.

Képernyőkép, amely bemutatja, hogyan használható a Run to Click művelet a Visual Studio hibakeresőjében.

Képernyőkép, amely bemutatja, hogyan használható a Kattintásig futtatás művelet a Visual Studio 2022 hibakeresőjében.

Az alkalmazás folytatja a végrehajtást, és szünetelteti a kódsort, ahol a gombra kattintott.

A kód lépésenkénti végrehajtásához használt gyakori billentyűparancsok közé tartozik az F10 és az F11. A részletesebb utasításokért lásd: Első pillantás a hibakeresőre.

Változók vizsgálata adattippben

Az adattipp funkcióval megvizsgálhatja a változók állapotát.

  1. Az aktuális kódsorban (sárga végrehajtási mutatóval jelölve) mutasson az objektumra az c2 adattipp megtekintéséhez.

    Screenshot, amely bemutatja, hogyan tekintheti meg a kódváltozók adattippeit a Visual Studio debugger.

    Képernyőkép, amely bemutatja, hogyan tekintheti meg a kódváltozók adattippjeit a Visual Studio 2022 hibakeresőjében.

    Az adattipp megjeleníti a változó aktuális értékét c2 , és lehetővé teszi annak tulajdonságainak vizsgálatát.

    Hibakereséskor, ha egy változó váratlan értékét látja, valószínűleg hiba lépett fel. A hiba lehet a változó hívását kezdeményező kódban vagy az előző sorban.

  2. Nyissa meg az adattippet a c2 objektum aktuális tulajdonságértékeinek megtekintéséhez.

  3. Ha folytatni szeretné a kód végrehajtásának értékének c2 ellenőrzését, válassza a pin ikont az adattippen.

    A rögzítési művelet nyitva tartja az adattippet. A kód végrehajtásakor a rögzített tipp értéke megváltozik, hogy megjelenjen a figyelt objektum aktuális állapota.

    A rögzített tippet az IDE bármely helyére áthelyezheti, így nem akadályozza meg, hogy más elemeket is megfigyeljen a hibakeresés során.

Következő lépés