Mulai cepat: Debug ASP.NET Core dengan penelusur kesalahan Visual Studio

Artikel
11/23/2023

Penelusur kesalahan Visual Studio menyediakan banyak fitur canggih untuk membantu Anda men-debug aplikasi Anda. Artikel ini menyediakan cara cepat untuk mempelajari beberapa fitur dasar.

Membuat proyek baru

Buka Visual Studio.

Jika jendela mulai tidak terbuka, pilih File>Mulai Jendela.
Dari jendela awal, pilih Buat proyek baru.
Pada jendela Buat proyek baru, masukkan atau ketik aplikasi web di kotak pencarian. Selanjutnya, pilih C# dari daftar Bahasa. Pilih templat ASP.NET Core Web App (Razor Pages) dan ikuti langkah-langkah untuk membuat proyek.

Jika Anda tidak melihat templat proyek ASP.NET Core Web App (Halaman Razor), buka Alat>Dapatkan Alat dan Fitur..., yang membuka Alat Penginstal Visual Studio. Pilih beban kerja ASP.NET dan pengembangan web, lalu pilih Ubah.

Visual Studio membuat proyek.

Di Penjelajah Solusi, buka Privacy.cshtml (di bawah Halaman) dan ganti kode berikut:

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

dengan kode ini:

@{
 ViewData["Title"] = "Privacy Policy";
 <label>@PrivacyModel.PrivacyMessage</label>
}

Di Penjelajah Solusi, buka Privacy.cshtml.cs (di bawah Pages/Privacy.cshtml) dan ganti kode berikut.

public void OnGet()
{
}

dengan kode ini:


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;

}

Menetapkan titik henti

Titik henti adalah penanda yang menunjukkan di mana Visual Studio harus menangguhkan kode yang sedang berjalan sehingga Anda dapat melihat nilai variabel, atau perilaku memori, atau apakah cabang kode sedang dijalankan atau tidak. Ini adalah fitur paling mendasar dalam penelusuran kesalahan.

Untuk mengatur titik henti, klik di gutter di sebelah kiri fungsi DoWork (atau pilih baris kode dan tekan F9).

Titik henti diatur ke sebelah kiri kurung kurawal pembuka ({).
Sekarang tekan F5 (atau pilih Debug > Mulai Penelusuran Kesalahan).
Saat halaman web dimuat, pilih tautan Privasi di bagian atas halaman web.

Penelusur kesalahan dijeda di mana Anda mengatur titik henti. Panah kuning mengidentifikasi pernyataan di mana debugger dan eksekusi aplikasi dijeda. Baris dengan kurung kurawal pembuka ({) setelah DoWork deklarasi fungsi belum dijalankan.

Tip

Jika Anda memiliki titik henti dalam perulangan atau rekursi, atau jika Anda memiliki banyak titik henti yang sering Anda lewati, gunakan titik henti kondisional untuk memastikan bahwa kode Anda ditangguhkan HANYA saat kondisi tertentu terpenuhi. Ini menghemat waktu dan juga dapat mempermudah debug masalah yang sulit direproduksi.

Menavigasi kode

Ada perintah yang berbeda untuk menginstruksikan penelusur kesalahan untuk melanjutkan. Kami menunjukkan perintah navigasi kode yang berguna yang tersedia mulai Visual Studio 2017.

Saat kode dijeda pada titik henti, arahkan mouse ke atas pernyataan return c2 hingga tombol Run to Click Jalankan untuk mengklik hijau muncul, lalu tekan tombol Jalankan untuk mengklik.

Run to click

Aplikasi melanjutkan eksekusi, dan menjeda pada baris kode tempat Anda mengeklik tombol.

Perintah keyboard umum yang digunakan untuk menelusuri kode termasuk F10 dan F11. Untuk instruksi yang lebih mendalam, lihat Tampilan awal di debugger.

Memeriksa variabel dalam datatip

Di baris kode saat ini (ditandai dengan penunjuk eksekusi kuning), arahkan kursor ke objek c2 dengan mouse Anda untuk menampilkan datatip.

Datatip menunjukkan nilai variabel c2 saat ini dan memungkinkan Anda memeriksa propertinya. Saat menelusuri kesalahan, jika melihat nilai yang tidak diharapkan, Anda mungkin memiliki bug di baris kode sebelumnya atau panggilan.
Perluas datatip untuk melihat nilai properti objek c2 saat ini.
Jika Anda ingin menyematkan tips data sehingga Anda dapat terus melihat nilai c2 saat menjalankan kode, pilih ikon pin kecil. (Anda dapat memindahkan datatip yang disematkan ke lokasi yang nyaman.)

Langkah berikutnya

Dalam tutorial ini, Anda telah mempelajari cara memulai penelusur kesalahan, menelusuri kode, dan memeriksa variabel. Anda mungkin ingin melihat fitur debugger tingkat tinggi bersama dengan link ke informasi selengkapnya.

Tampilan pertama di debugger

Bagikan melalui