Node.js 서버 애플리케이션을 어떻게 디버깅합니까?

지금은 주로 다음과 같은 print 문으로 경고 디버깅 을 사용 하고 있습니다.

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

더 나은 디버그 방법이 있어야합니다. Chrome 에 명령 줄 디버거가 있다는 것을 알고 있습니다. 이 디버거는 Node.js에서도 사용할 수 있습니까?

노드 인스펙터 가 하루를 절약 할 수 있습니다! WebSocket을 지원하는 모든 브라우저에서 사용하십시오 . 중단 점, 프로파일 러, 라이브 코딩 등 ... 정말 훌륭합니다.

다음과 같이 설치하십시오.

npm install -g node-inspector

그런 다음 다음을 실행하십시오.

node-debug app.js

디버깅

• Joyent 's Guide
• 디버거
• 노드 인스펙터
• 비주얼 스튜디오 코드
• 클라우드 9
• 브라켓

프로파일 링

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

힙 덤프

• Chrome 개발자 도구를 사용한 노드 힙 덤프

화염 사진

• 0x
• jam3 / devtool 다음 Chrome 개발자 도구 불꽃 차트
• Dtrace 및 StackVis — SmartOS에서만 지원
• 진료소

트레이싱

• TraceGL을 사용한 대화식 스택 추적

벌채 반출

디버깅 정보를 출력하는 라이브러리

• 무한 궤도
• 추적기
• 낙서

스택 추적 정보를 향상시키는 라이브러리

• 롱존

벤치마킹

• 아파치 벤치 :ab -n 100000 -c 1 http://127.0.0.1:9778/
• 멍청이

다른

• 자취
• 우세
• 도청 전문가
• Google 추적 프레임 워크
• 폴 아일랜드 가이드

유산

이것들은 작동하는데 더 이상 유지되지 않거나 더 이상 최신 노드 버전에 적용되지 않습니다.

• https://github.com/bnoordhuis/node-profiler- 내장 디버깅으로 대체
• https://github.com/c4milo/node-webkit-agent- 노드 검사기로 교체
• https://nodetime.com/ - 소멸

V8의 구글의 일환으로 발표 디버거 크롬 개발자 도구는 디버그 Node.js를 스크립트로 사용할 수 있습니다. 이것이 어떻게 작동하는지에 대한 자세한 설명은 Node.js GitHub 위키 에서 찾을 수 있습니다 .

Node에는 버전 6.3 부터 자체 GUI 디버거가 내장되어 있습니다 (Chrome의 DevTools 사용)

인스펙터 플래그를 전달하면 인스펙터의 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가 솔루션 내에 구성 파일을 자동으로 만듭니다. Atom과 같은 편집기가 빌드되는Electron을 기반으로합니다.

VS Code는 VS, Eclipse 등과 같은 다른 IDE에서와 비슷한 디버깅 경험을 제공합니다.

나는 개인적으로 사용하는 JetBrains의 WebStorm 이 유일한 자바 스크립트 IDE있어 나는 모두 프론트 엔드와 백엔드 자바 스크립트에 좋은 곳입니다있는 발견 한 것이다.

여러 OS에서 작동하며 Node.js 디버깅 기능이 내장되어 있습니다 (다른 많은 것들도 포함되어 있음) ( http://www.jetbrains.com/webstorm/features/index.html ).

내 유일한 '문제'/ wishlist 항목 아르 있었다 :

1. Windows보다 Mac에서 더 많은 리소스가 부족한 것 같습니다 버전 6에서는 더 이상 문제가되지 않습니다.
2. Sublime Text 2 와 같이 Snippet을 지원하면 좋을 것입니다. 'fun'을 입력하고 'tab'을 탭하여 기능을 넣으면 입니다. 아래 @WickyNilliams 의견을 참조하십시오-라이브 템플릿을 사용하면 스 니펫 지원도 있습니다.

여기에 많은 훌륭한 답변이 있지만 (내 접근법이 어떻게 진화했는지에 따라) 견해를 추가하고 싶습니다.

디버그 로그

우리 모두가 선을 좋아 console.log('Uh oh, if you reached here, you better run.')하고 때로는 훌륭하게 작동하기 때문에 너무 멀리 떨어져 있다면 적어도 Visionmedia의 디버그로 로그에 약간의 블링을 추가하십시오 .

대화식 디버깅

콘솔 로깅만큼 편리하게, 전문적으로 디버그하려면 소매를 감아 끼 우고 멈춰야합니다. 중단 점을 설정하고, 코드를 단계별로 살펴보고, 범위와 변수를 검사하여 이상한 동작을 일으키는 원인을 확인하십시오. 다른 사람들이 언급했듯이, 노드 검사기는 실제로 꿀벌 무릎입니다. 내장 디버거로 할 수있는 모든 작업을 수행하지만 친숙한 Chrome DevTools 인터페이스를 사용합니다. 나처럼 Webstorm 을 사용하는 경우 여기 에서 디버깅하는 데 유용한 안내서가 있습니다.

스택 추적

기본적으로 이벤트주기 (틱)의 여러주기에 걸쳐 일련의 작업을 추적 할 수 없습니다. 이 문제를 해결하려면 longjohn을 살펴보십시오 (그러나 프로덕션에는 없습니다!).

메모리 누수

Node.js를 사용하면 상당한 시간 동안 서버 프로세스를 유지할 수 있습니다. 심한 누수가 발생했다고 생각되면 어떻게합니까? 를 사용하여 힙 덤프 와 크롬 DevTools로 약간의 스냅 샷을 비교하고 변경 있는지 확인합니다.

몇 가지 유용한 기사를 확인하십시오

• RisingStack-Node.js 애플리케이션 디버깅
• nearForm의 David Mark Clements의 훌륭한 기사

비디오를보고 싶은 경우

• Netflix JS 토크-프로덕션에서 Node.js 디버깅
• 재미있는 비디오 에서 트레이싱 작업 그룹 Node.js를 추적 및 디버깅에
• 노드 인스펙터에 관한 실질적인 15 분짜리 비디오

어떤 경로를 선택하든 디버깅 방식을 이해해야합니다.

자신의 문제를보고 아는 것은 고통스러운 일입니다
당신 자신과 다른 누구도 그것을 만들지 않았다는 것

소 포클, 아약스

Theseus 는 Adobe 리서치의 프로젝트로 Node.js 코드를 오픈 소스 편집기 브래킷 에서 디버깅 할 수 있습니다 . 실시간 코드 범위, 소급 검사, 비동기식 호출 트리와 같은 흥미로운 기능이 있습니다.

Visual Studio 2012 또는 2013 용 Node.js 도구 에는 디버거가 포함되어 있습니다. 여기 개요 에는 "Visual Studio 용 Node.js 도구에 노드 앱 디버깅에 대한 완벽한 지원이 포함되어 있습니다."가 나와 있습니다. Node.js를 처음 사용했지만 .NET에 대한 배경 지식이 있기 때문에 Node.js 응용 프로그램을 디버깅하는 데 유용한 추가 기능을 발견했습니다.

Visual Studio Code 에는 Node.js 디버깅 지원이 정말 좋습니다. 무료, 오픈 소스 및 크로스 플랫폼이며 Linux, OS X 및 Windows에서 실행됩니다.

당신 이 필요로 하는 경우 grunt 및 gulp 작업을 디버깅 할 수도 있습니다 ...

안정적이고 매우 간단한 Node.js 코드를 디버깅하는 다른 접근법을 작성했습니다. https://github.com/sa/iron-node 에서 사용할 수 있습니다 .

오픈 소스 크로스 플랫폼 비주얼 디버거.

설치:

npm install iron-node -g;

디버그 :

iron-node yourscript.js;

Atom IDE를 사용하는 경우 node-debugger패키지를 설치할 수 있습니다 .

Chrome 버전 67.0.3396.62 (+) 사용

1. 노드 앱 실행

node --inspect-brk = 0.0.0.0 : 9229 server.js (서버 JS 파일 이름)

2. 크롬에서 앱 탐색 (예 : "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 디버깅 입문서 를 작성 했습니다.

Webstorm을 사용하십시오! Node.js 응용 프로그램을 디버깅하는 데 적합합니다. 내장 디버거가 있습니다. 여기에서 문서를 확인하십시오 : https://www.jetbrains.com/help/webstorm/2016.1/running-and-debugging-node-js.html

--inspect 플래그를 사용 하여 노드 프로세스를 시작하십시오 .

node --inspect index.js

그런 다음 chrome://inspect크롬으로 엽니 다 . "노드 전용 DevTools 열기"링크를 클릭하거나 설치 하십시오 Chrome DevTools를 쉽게 열 크롬 확장 프로그램을 .

자세한 내용은 이 링크를 참조하십시오

Node.js에 강력한 로깅 라이브러리가 필요한 경우 Tracer https://github.com/baryon/tracer 가 더 좋습니다.

타임 스탬프, 파일 이름, 메소드 이름, 라인 번호, 경로 또는 호출 스택과 함께 로그 메시지를 출력하고 컬러 콘솔을 지원하며 데이터베이스, 파일, 스트림 전송을 쉽게 지원합니다. 나는 저자입니다.

컴퓨터에 node-inspector가 설치되어 있다고 가정하면 (아니라면 'npm install -g node-inspector'만 입력하십시오) 실행하면됩니다.

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

그리고 커맨드 라인의 URI를 WebKit (Chrome / Safari) 브라우저에 붙여 넣습니다.

완전성을 위해 :

PyCharm 3.0 + Node.js를 플러그인 멋진 개발 + 실행 + 디버그 경험을 제공합니다 .

IntelliJ 는 Node.js에서 훌륭하게 작동합니다.

또한 IntelliJ는 '코드 지원'을 잘 지원합니다.

많은 가능성이 있습니다 ...

• 노드 는 디버깅 유틸리티를 포함
• 노드 인스펙터
• 코드 편집기 / IDE (다음 중 하나에 대한 디버그 지침 참조)
  • 원자 ,
  • VSCode
  • 웹 스톰
  • 그리고 더

디버그 지원은 종종 v8 디버깅 프로토콜 또는 최신 Chrome 디버깅 프로토콜을 사용하여 구현됩니다 .

새로운 오픈 소스 Nodeclipse 프로젝트 (Eclipse 플러그인 또는 Enide Studio )가 있습니다.

Nodeclipse는 2013 년 Eclipse Top 10 NEW Plugins 에서 1 위를 차지했습니다 . Java 용 Chrome 개발자 도구 의 수정 된 V8 디버거를 사용합니다 .

Nodeclipse는 무료 오픈 소스 소프트웨어입니다 매월 초에 출시되는 입니다.

넷빈즈 IDE는 Node.js를 이후 지원했다 버전 8.1 :

<...>

새로운 기능 하이라이트

Node.js 애플리케이션 개발

• 새로운 Node.js 프로젝트 마법사
• 새로운 Node.js Express 마법사
• 향상된 JavaScript 편집기
• Node.js 애플리케이션 실행을위한 새로운 지원
• Node.js 애플리케이션 디버깅을위한 새로운 지원.

<...>

추가 참조 :

1. NetBeans Wiki / NewAndNoteworthyNB81 .
2. 넷빈즈 IDE에서 Node.js를 익스프레스 앱, Geertjan 오라클 .

이 명령을 사용하십시오

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

ndb는 Chrome DevTools를 통해 활성화 된 Node.js의 향상된 디버깅 환경입니다.

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.jsHTML 파일에 다음과 같이 포함하십시오 .

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

이제 브라우저에 파일을로드 F12하고 viola : 브라우저에서 디버그를 누릅니다 .