Setup NodeJS Debugger di IntelliJ IDEA

-

 

Debugging Node.js di IntelliJ IDEA adalah hal yang yang sangat membantu, berikut adalah panduan langkah demi langkah yang  saya buat dan juga akan menyertakan gambar dengan penjelasan yang jelas untuk membantu anda memahami setiap bagian.

1. Persiapan Awal

Sebelum memulai, pastikan semua yang diperlukan sudah tersedia. Hal ini penting agar proses debugging berjalan lancar.

  • IntelliJ IDEA Ultimate: Versi Ultimate diperlukan karena memiliki fitur debugging yang lengkap untuk Node.js. Versi Anda, IntelliJ IDEA 2025.2.1, sudah sangat sesuai. * Node.js dan npm/pnpm: Pastikan versi Node.js dan package manager yang relevan (seperti npm atau pnpm) sudah terinstal dan dapat diakses dari terminal. Dari tangkapan layar, Anda menggunakan Node v22.19.0 dan pnpm v10.15.1, yang merupakan versi modern dan stabil.   

  • Proyek Node.js: Siapkan proyek Node.js Anda.   

 

2. Mengatur Konfigurasi Debugger

Langkah terpenting adalah membuat konfigurasi debugging di IntelliJ IDEA. Ini memberi tahu IDE bagaimana cara menjalankan aplikasi Anda dalam mode debug.

  1. Buka Konfigurasi: Dari menu atas, navigasikan ke Run > Edit Configurations....

  2. Tambah Konfigurasi Baru: Klik tombol + di pojok kiri atas jendela konfigurasi, lalu pilih Node.js.

  3. Isi Detail Konfigurasi: 

    • Name: Beri nama konfigurasi Anda, seperti "Debug Dev All" agar mudah dikenali.

    • Node interpreter: Pilih interpreter Node.js yang benar. Pastikan interpreter ini mengarah ke versi yang Anda inginkan (seperti yang ada di tangkapan layar, /home/ss/.nvm/versions/node/v22.19.0/bin/node).

    • Node parameters: Tambahkan --inspect-brk. Parameter ini menginstruksikan Node.js untuk memulai dalam mode debug dan akan berhenti pada baris pertama kode, menunggu debugger untuk terhubung. Ini sangat berguna untuk debugging startup.

    • Working directory: Atur ke direktori root proyek Anda (misalnya, ~/ideaProjects/vipc-platform).

    • Application parameters: Masukkan perintah yang biasa Anda gunakan untuk menjalankan aplikasi, misalnya run dev. Ini akan diteruskan ke pnpm atau npm.

    • Environment variables: Tambahkan NODE_OPTIONS=--inspect-brk (atau sesuaikan dengan kebutuhan Anda) untuk memastikan mode debug diaktifkan dengan benar.

3. Menjalankan Debugger

Setelah konfigurasi selesai, Anda siap untuk memulai sesi debugging! 

Klik Link Debugger listening on ...

  1. Pilih Konfigurasi: Di bilah alat (toolbar) atas, pilih konfigurasi yang baru saja Anda buat, yaitu "Debug Dev All".

  2. Mulai Debug: Klik ikon kumbang hijau (debug) di samping nama konfigurasi, atau gunakan shortcut Shift+F9.

4. Memahami Hasil di Console

Setelah debugger berjalan, Anda akan melihat beberapa output di panel Process Console atau Debugger Console.  

  • Debugger Listening: Anda akan melihat pesan seperti Debugger listening on ws://127.0.0.1:9229/.... Ini menandakan Node.js telah memulai server debug dan menunggu IntelliJ IDEA untuk terhubung.

  • Proses Aplikasi: Kemudian, aplikasi Anda akan mulai berjalan seperti biasa. Output dari aplikasi, seperti Starting Nest application... atau Refine Devtools is running at port 5001, akan muncul.

    Selamat, Anda sekarang bisa melakukan debugging dengan mudah! Debugging visual seperti ini jauh lebih efisien daripada debugging manual dengan console.log(). Anda bisa mengatur breakpoint di kode Anda, melihat nilai variabel, dan melangkah (step) melalui kode Anda. 

Comments

Post a Comment

Popular posts from this blog

Numpang Kerja Remote dari Bandung Creative Hub

-
Image
Semalam kemarin (09 Januari 2019) tidak sengaja kami sekeluarga lewat Bandung Digital Hub saat pulang dari Fish Wow Cheeseee  yang di Jl. Lombok. Bandung Digital Hub ini sendiri berlokasi tidak jauh dari dari tempat kami makan tersebut, yaitu berlokasi di Jl. Laswi No.7, Kacapiring, Batununggal, Kota Bandung, Jawa Barat 40271. Berhubung untuk bulan Januari 2019 ini sedang tidak masuk ke kantor maka saya putuskan untuk besoknya (hari ini 09 Januari 2019) nyoba untuk bekerja remote dari Bandung Digital Hub , apalagi istri yang kebetulan follower pak Ridwan Kamil di Instagram juga Facebook dan tampaknya pernah lihat ulasan mengenai tempat ini sehingga tampak antusias supaya saya datang ketempat ini ini dan mencoba bekerja dari gedung creative hub dan coworking yang keren ini.  Tempat Parkir Masalah utama saat kita datang ke coworking space terutama yang berlokasi di Bandung (atau mungkin kota-kota lainnya) adalah lahan parkir, kadang lahan parkir ...
Read more

Numpang Kerja Remote dari Bandung Digital Valley

-
Image
Satu lagi co-working place  gratisan dan keren yang cukup populer dikota Bandung, co-working place yang juga memberikan fasilitas tempat kerja (co-working place) dan fitur-fitur menarik lainnya,  co-working place keren  ini adalah Bandung Digital Valley atau yang sering disingkat BDV . C o-working place  Bandung Digital Valley ini  merupakan bagian dari Telkom , mulai aktif digunakan dari sekitar tahun 2012 lalu .  Tempat ini biasanya menjadi tempat favorit bagi para pengiat startup, freelancer, dan mahasiswa . Gedung BDV Gedung BDV Gedung BDV Co-working space Bandung Digital Valley ini sendiri berlokasi di Menara Bandung Digital Valley, Jl. Gegerkalong Hilir No.47, Sukarasa, Sukasari, Kota Bandung, Jawa Barat, detailnya bisa dilihat di Google map berikut. Pemandangan jalan setelah pintu satpam. Free Co-working Space Membership Untuk mulai menggunakan fasilitas co-working space ini secara gratis maka yang pe...
Read more

Cara Decompile berkas Dex dan Apk Android

-
Image
JADX         jadx  - Dex to Java decompiler Aplikasi Command line dan GUI   untuk mendapatkan kode sumber Java Android dari file Dex dan Apk. Adakalanya kita ingin membuat suatu fitur di Android dan tidak tau cara buatnya gimana, maka salah satu cara yang bisa ditempuh adalah mencontek dari aplikasi jadi dan kebetulan memiliki fitur yang kita inginkan. Hal ini bisa dilakukan  dengan membuka file Apk dan mendapatkan kode sumbernya untuk dicontek. Berikut adalah bagaimana cara melakukan decompile file Apk di Android dengan menggunakan aplikasi JADX. Proses Instalasi Android Decompiler JADX git clone https://github.com/skylot/jadx.git cd jadx/ ./gradlew dist Proses Instalasi JADX Proses Decompile Apk cd build/jadx/bin ./jadx ./jadx /home/yoesoff/Downloads/SmarterNoise_com.smarternoise.app.apk Proses Decompile File Hasil Decompile File hasil decompile ada di Folder SmarterNoise_com Folder...
Read more