LevelUp! Studio » node-inspector https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 วิธี remote debugging node.js ด้วย node-inspector https://blog.levelup.in.th/2013/05/31/how-to-remote-debugging-nodejs-via-node-inspector%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5-remote-debugging-nodejs-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-node-inspector/ https://blog.levelup.in.th/2013/05/31/how-to-remote-debugging-nodejs-via-node-inspector%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5-remote-debugging-nodejs-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-node-inspector/#comments Fri, 31 May 2013 14:26:17 +0000 http://blog.levelup.in.th/?p=2752 เคยใช้พวก Watch, Breakpoint, Step into, Step Over, Step Out ช่วยในการ debug javascript ใน Chrome ไหมครับ รู้หรือไม่ว่าเราสามารถ remote debug code node.js ไปยังเครื่อง server ที่อยู่คนละที่ได้เลย :) วิธีการมีดังนี้ครับ

  1. npm install -g node-inspector
  2. เพิ่ม debugger; ในบรรทัดที่ต้องการ set breakpoint ภายในโปรแกรม node.js ของเรา
  3. node-inspector –web-port=1338 & (เปลี่ยน 1338 เป็นเลข port ที่คุณต้องการเปิดให้ debug เข้ามาได้ หรือถ้าไม่ใส่จะ default ที่ 8080)
  4. หากโปรแกรมคุณชื่อ server.js สั่งรันดังนี้คือ node –debug node server.js (ห้ามเอา –debug ไปต่อท้าย ต้องอยู่หลัง node เท่านั้น)
  5. เข้าเว็บ http://localhost:1338/debug?port=5858 (แก้ localhost เป็นชื่อเว็บที่คุณใช้งานได้เลย)
  6. จะปรากฎดังรูป พร้อมให้คุณใช้งาน debug!
    node-inspector-google-chrome_2013-05-31_21-19-32
  7. ส่วนที่วงสีแดงไว้ในข้อ 6 คือเราสามารถเปิด browse file ใน project ของเราเพื่อมา set breakpoint เพิ่มสดๆ ด้วยการคลิกที่เลขบรรทัดทางซ้ายได้เลยทันที สะดวกต่อการใส่ breakpoint เฉพาะเวลาที่ต้องการเท่านั้น
  8. สามารถเอาเม้าส์ชี้เพื่อดูค่าตัวแปร, add to watch, step into, step over, step out ได้ครบถ้วน Yay!

ขอให้โชคดีกับ Node.js ทุกๆ ท่าน :D

]]> https://blog.levelup.in.th/2013/05/31/how-to-remote-debugging-nodejs-via-node-inspector%e0%b8%a7%e0%b8%b4%e0%b8%98%e0%b8%b5-remote-debugging-nodejs-%e0%b8%94%e0%b9%89%e0%b8%a7%e0%b8%a2-node-inspector/feed/ 0