ฉันจะดีบักแอ็พพลิเคชันเซิร์ฟเวอร์ Node.js ได้อย่างไร

ตอนนี้ฉันส่วนใหญ่ใช้การแจ้งเตือนการดีบักด้วยคำสั่งพิมพ์ดังนี้:

sys.puts(sys.inspect(someVariable));

จะต้องมีวิธีที่ดีกว่าในการดีบัก ฉันรู้ว่าGoogle Chromeมีเครื่องมือดีบั๊กบรรทัดคำสั่ง มีการดีบักเกอร์นี้สำหรับ Node.js หรือไม่

โหนดตรวจสอบสามารถบันทึกวัน! ใช้งานได้จากเบราว์เซอร์ที่สนับสนุนWebSocket เบรกพอยต์, ผู้สร้างโปรไฟล์, การถ่ายทอดสด ฯลฯ ... มันยอดเยี่ยมจริงๆ

ติดตั้งด้วย:

npm install -g node-inspector

จากนั้นเรียกใช้:

node-debug app.js

แก้จุดบกพร่อง

• คู่มือของ Joyent
• ดีบักเกอร์
• ตรวจสอบโหนด
• รหัส Visual Studio
• Cloud9
• วงเล็บ

โปรไฟล์

1. node --prof ./app.js
2. node --prof-process ./the-generated-log-file

Heapdumps

• node-heapdump ด้วย Chrome Developer Tools

Flamegraphs

• 0x
• jam3 / devtoolแล้วChrome เครื่องมือสำหรับนักพัฒนาแผนภูมิเปลวไฟ
• DtraceและStackVis - รองรับเฉพาะบน SmartOS
• clinicjs

การติดตาม

• ร่องรอยสแต็คแบบโต้ตอบกับ TraceGL

เข้าสู่ระบบ

ไลบรารีที่เอาต์พุตข้อมูลการดีบัก

• หนอนผีเสื้อ
• ผู้ตามรอย
• การเขียน

ไลบรารีที่ปรับปรุงข้อมูลการติดตามสแต็ก

• Longjohn

การเปรียบเทียบ

• Apache Bench :ab -n 100000 -c 1 http://127.0.0.1:9778/
• wrk

อื่น ๆ

• ติดตาม
• ความได้เปรียบ
• คนเสพเวจมรรค
• Google Tracing Framework
• คู่มือของ Paul Irish

มรดก

ใช้เพื่อทำงาน แต่ไม่ได้รับการดูแลรักษาอีกต่อไปหรือไม่สามารถใช้ได้กับโหนดโหนดรุ่นใหม่

• https://github.com/bnoordhuis/node-profiler - แทนที่ด้วยการดีบักในตัว
• https://github.com/c4milo/node-webkit-agent - แทนที่ด้วยตัวตรวจสอบโหนด
• https://nodetime.com/ - ตาย

V8ดีบักปล่อยออกมาเป็นส่วนหนึ่งของ Google เครื่องมือสำหรับนักพัฒนา Chromeสามารถใช้ในการแก้ปัญหาสคริปต์ Node.js คำอธิบายรายละเอียดของวิธีการทำงานนี้สามารถพบได้ในวิกิพีเดีย Node.js GitHub

โหนดมีดีบักเกอร์ GUI ในตัวเป็นของตัวเองในเวอร์ชัน 6.3 (โดยใช้ DevTools ของ Chrome)

เพียงผ่านการตรวจสอบธงและคุณจะได้รับ URL ไปยังผู้ตรวจสอบ:

node --inspect server.js

คุณสามารถแบ่งบรรทัดแรกโดยผ่าน--inspect-brkแทน

Node.js เวอร์ชัน 0.3.4+ มีการสนับสนุนการดีบักในตัว

node debug script.js

คู่มือ: http://nodejs.org/api/debugger.html

Visual Studio Codeเป็นตัวเลือกของฉันสำหรับการแก้ไขข้อบกพร่อง ไม่มีค่าใช้จ่ายในการติดตั้งเครื่องมือหรือnpm installสิ่งของใด ๆ เพียงตั้งจุดเริ่มต้นของแอพของคุณใน package.json และ VSCode จะสร้างไฟล์กำหนดค่าภายในโซลูชันของคุณโดยอัตโนมัติ มันสร้างจากอิเล็กตรอนซึ่งตัวแก้ไขเช่นอะตอมถูกสร้างขึ้น

รหัส VS ให้ประสบการณ์การดีบักที่คล้ายกับที่คุณเคยมีใน IDE อื่น ๆ เช่น VS, Eclipse และอื่น ๆ

ฉันใช้JetBrains WebStormเป็นการส่วนตัวเพราะมันเป็น JavaScript IDE เดียวที่ฉันพบซึ่งเหมาะสำหรับ JavaScript ทั้งส่วนหน้าและส่วนหลัง

ใช้งานได้กับหลายระบบปฏิบัติการและมีการแก้ไขข้อบกพร่องในตัว Node.js (รวมถึงสิ่งอื่น ๆ อีกมากมาย] ( http://www.jetbrains.com/webstorm/features/index.html )

รายการ 'ปัญหา' / รายการสิ่งที่ปรารถนาของฉันเท่านั้น เป็น เป็น :

1. ดูเหมือนว่าทรัพยากรจะหิวบน Mac มากกว่า Windows ดูเหมือนว่าจะไม่มีปัญหาในเวอร์ชัน 6 อีกต่อไป
2. มันคงจะดีถ้ามีส่วนสนับสนุนตัวอย่าง (เช่นSublime Text 2 - เช่นพิมพ์ 'fun' และแตะ 'tab' เพื่อใส่ฟังก์ชั่น ดู @WickyNilliams แสดงความคิดเห็นด้านล่าง - ด้วยเทมเพลตสดคุณยังได้รับการสนับสนุนตัวอย่าง

คำตอบที่ดีมากมายที่นี่ แต่ฉันต้องการเพิ่มมุมมองของฉัน (ขึ้นอยู่กับวิธีการพัฒนาของฉัน)

แก้ไขข้อผิดพลาดบันทึก

ปล่อยให้หน้ามันเราทุกคนรักที่ดีconsole.log('Uh oh, if you reached here, you better run.')และบางครั้งที่ใช้งานได้ดีดังนั้นหากคุณกำลังมีเงื่อนงำที่จะย้ายไปไกลจากมันอย่างน้อยเพิ่มบาง bling การบันทึกของคุณกับการแก้ปัญหาของ Visionmedia

การดีบักแบบโต้ตอบ

มีประโยชน์เช่นเดียวกับการบันทึกคอนโซลสามารถตรวจแก้จุดบกพร่องอย่างมืออาชีพคุณต้องพับแขนเสื้อของคุณและติดขัดตั้งเบรกพอยต์, ก้าวผ่านรหัสของคุณตรวจสอบขอบเขตและตัวแปรเพื่อดูสิ่งที่ทำให้เกิดพฤติกรรมแปลก ๆ ดังที่คนอื่น ๆ ได้กล่าวถึงโหนดตรวจสอบเป็นผึ้งหัวเข่า มันทำทุกสิ่งที่คุณสามารถทำได้กับตัวดีบักในตัว แต่ใช้อินเทอร์เฟซ Chrome DevTools ที่คุ้นเคย ถ้าเช่นฉันคุณใช้Webstormแล้วนี่คือคำแนะนำที่มีประโยชน์ในการแก้ไขข้อบกพร่องจากที่นั่น

กองติดตาม

โดยค่าเริ่มต้นเราไม่สามารถติดตามชุดของการดำเนินงานในรอบที่แตกต่างกันของวงเหตุการณ์ (เห็บ) เพื่อรับรอบนี้ดูlongjohn (แต่ไม่ได้อยู่ในการผลิต!)

หน่วยความจำรั่ว

ด้วย Node.js เราสามารถมีกระบวนการเซิร์ฟเวอร์ที่คาดว่าจะอยู่เป็นเวลานาน คุณจะทำอย่างไรถ้าคุณคิดว่ามันมีการรั่วไหลที่น่ารังเกียจบางอย่าง? ใช้heapdumpและ Chrome DevTools เพื่อเปรียบเทียบภาพรวมบางส่วนและดูว่ามีอะไรเปลี่ยนแปลง

สำหรับบทความที่มีประโยชน์ให้ตรวจสอบ

• RisingStack - การดีบัก Node.js แอปพลิเคชัน
• บทความที่ยอดเยี่ยมโดย David Mark Clements แห่ง nearForm

หากคุณรู้สึกอยากดูวิดีโอ

• Netflix JS Talks - การดีบัก Node.js ในการผลิต
• วิดีโอที่น่าสนใจจากกลุ่มการติดตามการติดตามการติดตามและการดีบัก node.js
• วิดีโอ 15 นาทีข้อมูลจริง ๆ บนโหนดตรวจสอบ

ไม่ว่าคุณจะเลือกเส้นทางแบบไหนให้แน่ใจว่าคุณเข้าใจวิธีการดีบั๊ก

มันเป็นสิ่งที่เจ็บปวดที่
จะมองปัญหาของตัวเองและรู้
ว่าตัวคุณเองและไม่มีใครทำ

Sophocles, Ajax

เธเซอุสเป็นโครงการโดย Adobe วิจัยซึ่งช่วยให้คุณแก้ปัญหารหัส Node.js ของคุณในการมาเปิดบรรณาธิการของพวกเขาวงเล็บ มันมีคุณสมบัติที่น่าสนใจบางอย่างเช่นการครอบคลุมโค้ดแบบเรียลไทม์การตรวจสอบย้อนหลังโครงสร้างการโทรแบบอะซิงโครนัส

เครื่องมือ Node.js สำหรับ Visual Studio 2012 หรือ 2013 มีตัวดีบัก ภาพรวมที่นี่ระบุว่า "เครื่องมือ Node.js สำหรับ Visual Studio รวมถึงการสนับสนุนที่สมบูรณ์แบบสำหรับการดีบักแอปโหนด" เป็นสิ่งใหม่สำหรับ Node.js แต่มีพื้นหลังใน. NET ฉันพบว่าส่วนเสริมนี้เป็นวิธีที่ดีในการแก้ไขข้อบกพร่องของแอปพลิเคชัน Node.js

Visual Studio Codeมีการสนับสนุนการดีบักที่ดีมาก Node.js มันฟรีโอเพนซอร์สและข้ามแพลตฟอร์มและทำงานบน Linux, OS X และ Windows

คุณสามารถแก้ปัญหางานเสี้ยงฮึดฮัดแสดงความไม่พอใจและถ้าคุณต้องการ ...

ฉันเขียนวิธีการที่แตกต่างกันเพื่อแก้จุดบกพร่องรหัส Node.js ซึ่งมีเสถียรภาพและง่ายมาก มันสามารถใช้ได้ที่https://github.com/sa/iron-node

ดีบักเกอร์ visual opensource ข้ามแพลตฟอร์ม

การติดตั้ง:

npm install iron-node -g;

Debug:

iron-node yourscript.js;

หากคุณใช้Atom IDEคุณสามารถติดตั้งnode-debuggerแพ็คเกจได้

ใช้ Chrome เวอร์ชัน 67.0.3396.62 (+)

1. รันแอปโหนด

โหนด --inspect-brk = 0.0.0.0: 9229 server.js (ชื่อไฟล์เซิร์ฟเวอร์ js)

2. เรียกดูแอปของคุณใน chrome เช่น "localhost: port"
3. เปิด DevTools
4. คลิกที่ไอคอนโหนดข้างไอคอนอุปกรณ์ที่ตอบสนอง

จะมีหน้าต่าง DevTools อื่นที่จะปรากฏขึ้นโดยเฉพาะสำหรับการดีบักแอปโหนด

ฉันสร้างเครื่องมือเล็ก ๆ อย่างประณีตที่เรียกว่าpry.jsซึ่งสามารถช่วยคุณได้

ใส่คำสั่งง่ายๆในรหัสของคุณเรียกใช้สคริปต์ของคุณตามปกติและโหนดจะหยุดด้ายปัจจุบันให้คุณเข้าถึงตัวแปรและฟังก์ชั่นทั้งหมดของคุณ ดู / แก้ไข / ลบได้ตามต้องการ!

var pry = require('pryjs')

class FizzBuzz

  run: ->
    for i in [1..100]
      output = ''
      eval(pry.it) // magic
      output += "Fizz" if i % 3 is 0
      output += "Buzz" if i % 5 is 0
      console.log output || i

  bar: ->
    10

fizz = new FizzBuzz()
fizz.run()

มีไคลเอ็นต์ดีบักเกอร์บรรทัดคำสั่งในตัวภายใน Node.js Cloud 9 IDE ยังมีดีบักเกอร์ (ภาพ) ที่น่ารักอีกด้วย

Visual Studio Codeจะทำงานให้เราในการดีบัก

ฉันได้รวบรวมไพรเมอร์การดีบัก Node.jsสั้น ๆไว้โดยใช้โหนด-inspectorสำหรับผู้ที่ไม่แน่ใจว่าจะเริ่มต้นที่ใด

ใช้ Webstorm! เหมาะสำหรับการดีบักแอปพลิเคชัน Node.js มีตัวดีบักในตัว ลองดูเอกสารที่นี่: https://www.jetbrains.com/help/webstorm/2016.1/running-and-debugging-node-js.html

เริ่มต้นกระบวนการโหนดของคุณด้วย--inspect flag

node --inspect index.js

แล้วเปิดchrome://inspectในโครเมี่ยม คลิกลิงก์ "เปิด DevTools เฉพาะสำหรับโหนด" หรือติดตั้งส่วนขยายของ Chrome นี้เพื่อเปิด DevTools ของ Chrome ได้อย่างง่ายดาย

สำหรับข้อมูลเพิ่มเติมดูที่ลิงค์นี้

หากคุณต้องการไลบรารีการบันทึกที่มีประสิทธิภาพสำหรับ Node.js Tracer https://github.com/baryon/tracerเป็นตัวเลือกที่ดีกว่า

มันเอาท์พุทข้อความเข้าสู่ระบบด้วยการประทับเวลา, ชื่อไฟล์, ชื่อวิธีการ, หมายเลขบรรทัด, เส้นทางหรือโทรสแต็ค, สนับสนุนคอนโซลสีและฐานข้อมูลการสนับสนุน, ไฟล์, การขนส่งกระแสได้อย่างง่ายดาย ฉันเป็นผู้เขียน

สมมติว่าคุณติดตั้งโหนดตัวตรวจสอบบนคอมพิวเตอร์ของคุณ (ถ้าไม่ใช่ให้พิมพ์ 'npm install -g node-inspector') ที่คุณต้องรัน:

node-inspector & node --debug-brk scriptFileName.js

และวาง URI จากบรรทัดคำสั่งลงในเบราว์เซอร์ WebKit (Chrome / Safari)

เพียงเพื่อความสมบูรณ์:

PyCharm 3.0 + Node.js ปลั๊กอินมีการพัฒนา + Run + ประสบการณ์การแก้ปัญหาที่น่ากลัว

IntelliJทำงานได้อย่างมหัศจรรย์สำหรับ Node.js

นอกจากนี้ IntelliJ ยังรองรับ 'ความช่วยเหลือด้านรหัส' ด้วย

มีความเป็นไปได้มากมาย ...

• โหนดมียูทิลิตีการดีบัก
• โหนดสารวัตร
• Code editors / IDEs (ดูคำแนะนำในการแก้ปัญหาข้อใดข้อหนึ่งดังต่อไปนี้)
  • Atom ,
  • VSCode
  • WebStorm
  • และอื่น ๆ

สนับสนุน Debug มักจะดำเนินการโดยใช้v8 แก้จุดบกพร่องพิธีสารหรือใหม่กว่าChrome แก้จุดบกพร่องพิธีสาร

มีโครงการNodeclipseโอเพนซอร์สใหม่ (ในฐานะที่เป็นปลั๊กอิน Eclipse หรือEnide Studio ):

Nodeclipse กลายเป็นอันดับ 1 ในEclipse Top 10 NEW ปลั๊กอินสำหรับ 2013 มันใช้ดีบักเกอร์V8 ที่แก้ไขแล้ว(จาก Google Chrome Developer Tools สำหรับ Java)

Nodeclipse ฟรีซอฟต์แวร์โอเพ่นซอร์สที่ปล่อยออกมาในช่วงเริ่มต้นของทุกเดือน

NetBeans IDE มี Node.js สนับสนุนตั้งแต่รุ่น 8.1 :

< ... >

คุณสมบัติเด่นใหม่

การพัฒนาโปรแกรมประยุกต์ Node.js

• ตัวช่วยสร้างโครงการ Node.js ใหม่
• ตัวช่วยสร้างด่วน Node.js ใหม่
• เครื่องมือแก้ไข JavaScript ขั้นสูง
• การสนับสนุนใหม่สำหรับการเรียกใช้แอปพลิเคชัน Node.js
• การสนับสนุนใหม่สำหรับการดีบักแอปพลิเคชัน Node.js

< ... >

การอ้างอิงเพิ่มเติม:

1. NetBeans วิกิพีเดีย / NewAndNoteworthyNB81
2. Node.js เอ็กซ์เพรส App ใน NetBeans IDE, Geertjan

ใช้คำสั่งนี้

DEBUG_LEVEL=all node file.js
DEBUG=* node file.js
node file.js --inspect

ndb คือประสบการณ์การดีบักที่ได้รับการปรับปรุงสำหรับ Node.js ซึ่งเปิดใช้งานโดย Chrome DevTools

https://github.com/GoogleChromeLabs/ndb

วิธีที่รวดเร็วและสกปรกที่จะแก้ปัญหาสคริปต์ Node.js ขนาดเล็กที่มีคุณชื่นชอบการดีบักเกอร์เบราว์เซอร์จะใช้browserify โปรดทราบว่าวิธีการนี้ใช้ไม่ได้กับแอปพลิเคชันใด ๆ ที่ต้องการไลบรารี I / O ดั้งเดิม แต่ดีพอสำหรับสคริปต์ขนาดเล็กส่วนใหญ่

$ npm install -g browserify

ตอนนี้ย้ายvar x = requires('x')สายทั้งหมดของคุณเป็นrequires.jsไฟล์และเรียกใช้:

$ browserify requires.js -s window -o bundle.js

(ข้อเสียที่นี่คือคุณต้องย้ายหรือแสดงความคิดเห็นrequiresในไฟล์ทั้งหมดของคุณ)

รวมbundle.jsในไฟล์ HTML ดังนี้:

<script type="text/javascript" src="bundle.js"></script>

ตอนนี้โหลดไฟล์ในเบราว์เซอร์ของคุณและกดF12และวิโอลา: แก้ปัญหาในเบราว์เซอร์