Node.jsアプリケーションをデバッグする方法

Question

Node.jsサーバーアプリケーションをデバッグする方法

今のところ私は主に アラートのデバッグ を次のようなprint文で使っています。

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

より良いデバッグ方法があるはずです。 Google Chrome にはコマンドラインデバッガがあります。このデバッガはNode.jsでも利用できますか？

Answer 1

Google Chrome Developer Tools の一部としてリリースされている V8 debuggerは、Node.jsスクリプトのデバッグに使用できます。この仕組みについての詳細な説明は Node.js GitHub wiki にあります。

Answer 2

ノードインスペクタ 日を節約することができます！ WebSocket をサポートしているブラウザから使用してください。ブレークポイント、プロファイラー、ライブコーディングなど...それは本当に素晴らしいです。

以下でインストールしてください。

npm install -g node-inspector

次に実行します。

node-debug app.js

Answer 3

デバッグ

• Joyentのガイド
• デバッガ
• ノードインスペクタ
• Visual Studioコード
• クラウド9
• ブラケット

プロファイリング

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

ヒープダンプ

• Chromeデベロッパーツールを使用したnode-heapdump

フレームグラフ

• 0x
• jam3/devtool then Chromeデベロッパーツールフレームチャート
• Dtrace および StackVis - SmartOSでのみサポートされます

トレース

• TraceGLによる対話型スタックトレース

ロギング

デバッグ情報を出力するライブラリ

• キャタピラー
• トレーサー

スタックトレース情報を拡張するライブラリ

• ロングジョン

ベンチマーク

• Apacheベンチ ：ab -n 100000 -c 1 http://127.0.0.1:9778/
• wrk

その他の

• トレース
• ヴァンテージ
• バガー
• Google Tracing Framework
• ポールアイリッシュガイド

遺産

これらはうまく機能しますが、現在はメンテナンスされていないか、最新のノードバージョンには適用できません。

• https://github.com/bnoordhuis/node-profiler - 組み込みデバッグに置き換え
• https://github.com/c4milo/node-webkit-agent - ノードインスペクタに置き換えられました
• https://nodetime.com/ - 現存しない

Answer 4

Nodeはバージョン6.3以降で独自の 組み込み GUIデバッガを持っています（ChromeのDevToolsを使用）

インスペクタフラグを渡すだけで、インスペクタへのURLが提供されます。

node --inspect server.js

代わりに--inspect-brkを渡すことで最初の行を改行することもできます。

Chromeウィンドウを自動的に開くには、 inspect-process モジュールを使用します。

# install inspect-process globally
npm install -g inspect-process

# start the debugger with inspect
inspect script.js

Answer 5

Node.jsバージョン0.3.4以降にはデバッグサポートが組み込まれています。

node debug script.js

マニュアル： http://nodejs.org/api/debugger.html

Answer 6

Visual Studioコードがデバッグに最適です。ツールやnpm installものをインストールすることによるオーバーヘッドはありません。 package.jsonにアプリの開始点を設定するだけで、VSCodeがソリューション内に構成ファイルを自動的に作成します。これは Electron の上に構築されており、Atomのようなエディタが構築されています。

VS Codeは、VS、Eclipseなどの他のIDEにあったのと同じようなデバッグ経験を与えます。

Answer 7

私は個人的に JetBrains WebStorm を使用しています。これは私が見つけた唯一のJavaScript IDEであり、フロントエンドとバックエンドの両方のJavaScriptに最適です。

これは複数のOS上で動作し、Node.jsデバッグ機能（およびその他多数のもの）を内蔵しています（ http://www.jetbrains.com/webstorm/features/index.html ）。

私の唯一の「問題」/ウィッシュリスト項目 あります は でした：

1. WindowsよりもMacの方がリソースを浪費するようです。 バージョン6ではもう問題にならないようです。
2. もしそれがスニペットをサポートしていればいいでしょう（ Sublime Text 2のもののように - すなわち 'fun'とタイプして 'tab'をタップして関数を入れてください）。 下記の@WickyNilliamsコメントを参照してください - Live Templatesを使用すると、スニペットもサポートされます。

Answer 8

Theseus はアドビの研究によるプロジェクトで、Node.jsコードをオープンソースエディタでデバッグすることができます かっこ 。リアルタイムのコードカバレッジ、遡及検査、非同期コールツリーなどの興味深い機能がいくつかあります。

Answer 9

たくさんの素晴らしい答えがここにありますが、私の考えを加えたいと思います（私のアプローチがどのように進化したかに基づいて）

デバッグログ

それに直面しましょう、私たち全員が良いconsole.log('Uh oh, if you reached here, you better run.')を愛していて、時にはそれがとてもうまくいくので、/から離れすぎて移動するのが賢明でないなら、少なくとも Visionmediaのdebug を使ってログにキラキラと追加します。 

対話式デバッグ

コンソールロギングと同じくらい便利ですが、専門的にデバッグするには、袖を巻いて動けなくなる必要があります。ブレークポイントを設定し、コードをステップ実行し、スコープと変数を調べてその原因を調べます。他の人が言ったように、 ノードインスペクタ は実際にはミツバチです。組み込みのデバッガでできることはすべて行いますが、使い慣れたChrome DevToolsインターフェイスを使用します。私と同じように Webstorm を使用する場合は、 here が便利です。そこからデバッグへのガイド。

スタックトレース

デフォルトでは、イベントループ（ティック）のさまざまなサイクルにわたる一連の操作をトレースすることはできません。これを回避するには、 longjohn を見てください（ただし、本番ではありません）。

メモリリーク

Node.jsを使えば、かなりの時間、サーバープロセスを起動させることができます。あなたはそれがいくつかの厄介なリークを引き起こしたと思うならあなたは何をしますか？ heapdump およびChrome DevToolsを使用して、いくつかのスナップショットを比較し、何が変化しているのかを確認します。

---

いくつかの役に立つ記事は、チェックアウトする

• RisingStack - Node.jsアプリケーションのデバッグ
• DavidForm氏による、nearFormの優れた記事

あなたがビデオを見たい気がしたら

• Netflix JSトーク - プロダクションでのNode.jsのデバッグ
• おもしろいビデオ from トレース作業グループ node.jsのトレースとデバッグ
• ノードインスペクタに関する15分の本当に有益なビデオ

どのパスを選択しても、デバッグ方法を理解していることを確認してください。

それは痛いことです
あなた自身の問題を見て知ること
あなた自身、そして誰もそれを作ったことがない 

Sophocles、Ajax

Answer 10

Node.js Tools for Visual Studio 2012または2013にはデバッガが含まれています。概要 ここ には、 "Visual Studio用Node.jsツールにはノードアプリケーションのデバッグに対する完全なサポートが含まれています。" Node.jsは初めてですが、.NETのバックグラウンドを持っているので、これがNode.jsアプリケーションをデバッグするための優れた方法であることがわかりました。 

Answer 11

Visual Studioコード は本当に素晴らしいNode.jsデバッグサポートを持っています。フリーでオープンソースでクロスプラットフォームで、Linux、OS XそしてWindows上で動作します。

gruntおよびgulpタスク をデバッグすることもできます。

Answer 12

私はNode.jsコードをデバッグするための別のアプローチを書きました。これは安定していて非常に単純です。これは https://github.com/s-a/iron-node で入手できます。

オープンソースのクロスプラットフォームのビジュアルデバッガ。

インストール：

npm install iron-node -g;

デバッグ：

iron-node yourscript.js;

Answer 13

Atom IDE を使用している場合は、node-debuggerパッケージをインストールできます。

Answer 14

私は pry.js と呼ばれるきちんとした小さなツールを作成しました。

単純なステートメントをコードのどこかに置き、通常通りにスクリプトを実行すると、nodeは現在のスレッドを停止し、すべての変数と関数にアクセスできるようにします。自由に閲覧/編集/削除できます。

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()

Answer 15

Chromeバージョン67.0.3396.62を使用する（+）

1. ノードアプリを実行する 

node --inspect-brk = 0.0.0.0：9229 server.js（サーバーjsファイル名）

2. クロムでアプリを閲覧する"localhost：port"
3. DevToolsを開きます。
4. 応答デバイスアイコンの横にあるノードアイコンをクリックします。

ノードアプリケーションをデバッグするために特別に表示される別のDevToolsウィンドウがあります。

Answer 16

Visual Studio Code はデバッグに役立ちます。

Answer 17

Node.jsには組み込みのコマンドライン デバッガクライアント があります。 Cloud 9 IDEもかなりいい（ビジュアル） デバッガ 。

Answer 18

どこから始めればよいかわからない人のために、 node-inspector を使って短い Node.jsデバッグ入門書 をまとめました。

Answer 19

ノードプロセスを --inspect flagで起動します。

node --inspect index.js

そしてchrome://inspectをchromeで開きます。 「ノード用の専用DevToolsを開く」リンクをクリックするか、または this chromeエクステンションをインストールしてchrome DevToolsを簡単に開くことができます。

詳細については this linkを参照してください。

Answer 20

Node.js用の強力なロギングライブラリが必要な場合は、 Tracer https://github.com/baryon/tracer をお勧めします。

タイムスタンプ、ファイル名、メソッド名、行番号、パスまたはコールスタック、カラーコンソールをサポートし、データベース、ファイル、ストリーム転送を簡単にサポートするログメッセージを出力します。私は作者です。

Answer 21

Webstormを使ってください。 Node.jsアプリケーションのデバッグに最適です。それは組み込みのデバッガを持っています。ここでドキュメントをチェックしてください： https://www.jetbrains.com/help/webstorm/2016.1/running-and-debugging-node-js.html

Answer 22

コンピュータにノードインスペクタがインストールされていると仮定して（インストールされていない場合は、単に 'npm install -g node-inspector'と入力します）、実行するだけです。

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

そして、URIをコマンドラインからWebKit（Chrome/Safari）ブラウザに貼り付けます。

Answer 23

完全を期して

PyCharm 3.0 + Node.jsプラグインは素晴らしい開発+実行+デバッグの経験を提供します 。

Answer 24

新しいオープンソースの Nodeclipse プロジェクトがあります（Eclipseプラグインまたは Enide Studio ）。

http://www.nodeclipse.org/img/Nodeclipse-1-debugging.png

Nodeclipseは 2013年のEclipse Top 10 NEW Plugins で＃1になりました。それは修正された V8 デバッガ（Google ChromeデベロッパーツールからJava用）を使用します。

Nodeclipseは無料のオープンソースソフトウェア 毎月初めにリリース です。

Answer 25

NetBeans IDEは バージョン8.1 以来Node.jsをサポートしています

<...>

新機能のハイライト

Node.jsアプリケーション開発

• 新規Node.jsプロジェクトウィザード
• 新規Node.js Expressウィザード
• 強化されたJavaScriptエディタ
• Node.jsアプリケーションを実行するための新しいサポート
• Node.jsアプリケーションをデバッグするための新しいサポート。

<...>

その他の参考文献

1. NetBeans Wiki/NewAndNoteworthyNB81 。
2. NetBeans IDEのNode.js Expressアプリケーション、Geertjan-Oracle 。

Answer 26

多くの可能性があります...

• node には デバッグユーティリティが含まれます
• ノードインスペクタ
• コードエディタ/ IDE（次のいずれかのデバッグ手順を参照）
  • 原子 、 
  • VSCode
  • ウェブストーム
  • もっと

デバッグサポートはしばしば v8デバッグプロトコル または新しい Chromeデバッグプロトコル を使って実装されます。

Answer 27

IntelliJ はNode.jsに対してすばらしい働きをします。

さらに、IntelliJは 'コードアシスタンス'をサポートしています。

Answer 28

あなたの好きなブラウザデバッガを使って小さなNode.jsスクリプトをデバッグする手っ取り早い方法はbrowserifyを使うことです。この方法は、ネイティブI/Oライブラリを必要とするアプリケーションでは機能しませんが、ほとんどの小さなスクリプトには十分です。

$ npm install -g browserify

それでは、すべてのvar x = requires('x')呼び出しをrequires.jsファイルに移動して、次のコマンドを実行します。

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

（ここでの欠点は、すべてのファイルでrequiresを移動するかコメントを付ける必要があることです。）

次のようにHTMLファイルにbundle.jsを含めます。

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

ブラウザにファイルをロードしてを押します。 F12 そしてviola：ブラウザでデバッグします。

Answer 29

node-debug -p 8888 scriptFileName.js

Answer 30

ndbは、Node.jsのための改良されたデバッグ体験で、Chrome DevToolsによって可能にされます。

https://github.com/GoogleChromeLabs/ndb

Answer 31

このコマンドを使う

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

Answer 32

必要に応じて、純粋なNode.jsを使用してコンソールでアプリケーションをデバッグすることができます。

たとえば、デバッグするdebug.jsダミーファイルを作成し、その中にブレークポイントを配置します（debuggerステートメント）。

let a = 5;
debugger;

a *= 2;
debugger;

let b = 10;
debugger;

let c = a + b;
debugger;

console.log(c);

それからinspectコマンドを使ってデバッグのためにこのファイルを実行することができます：

node inspect debug.js

これでコンソールでデバッガが起動し、次のような出力が表示されます。

< Debugger listening on ws://127.0.0.1:9229/6da25f21-63a0-480d-b128-83a792b516fc
< For help, see: https://nodejs.org/en/docs/inspector
< Debugger attached.
Break on start in debug.js:1
> 1 (function (exports, require, module, __filename, __dirname) { let a = 5;
  2 debugger;
  3

ここで、ファイルの実行が最初の行で停止したことに気付くかもしれません。この瞬間から、あなたは次のコマンド（ホットキー）を使用して段階的にファイルを通過することができます：

• 続けるためにcont、
• 次のブレークポイントに移動するにはnext、
• ステップインするin、
• 脱退するout
• 一時停止するにはpause

contと何度か入力して、ブレークポイントからブレークポイントへの遷移を見てみましょう。

debug> next
break in misc/debug.js:1
> 1 (function (exports, require, module, __filename, __dirname) { let a = 5;
  2 debugger;
  3
debug> next
break in misc/debug.js:2
  1 (function (exports, require, module, __filename, __dirname) { let a = 5;
> 2 debugger;
  3
  4 a *= 2;
debug> next
break in misc/debug.js:4
  2 debugger;
  3
> 4 a *= 2;
  5 debugger;
  6

今できることはreplコマンドを書くことでこの時点で変数値をチェックできるということです。これにより、変数名を書いてその値を見ることができます。

debug> repl
Press Ctrl + C to leave debug repl
> a
5
> b
undefined
> c
undefined
>

現時点でa = 5があり、bとcは未定義です。

もちろん、より複雑なデバッグのためには、いくつかの外部ツール（IDE、ブラウザ）を使いたくなるかもしれません。もっと読むことができます ここ 。 

Answer 33

私の最初の反応は数年前のビジュアルスタジオ前でした。

そのため、hapiによる _ good _ の使用はすばらしいロギングパッケージですがデバッグ用には visual studio を使用してください。

元の返信（少し前）： Walmart Labsによる _ good _ を使用します。それは仕事をします、そしてそれは非常に柔軟です：

var hapi = require('hapi');
var good = require('good');
var server = hapi.createServer('localhost', 5000,{});
server.route({SOME ROUTE HERE});
server.start();

var options = {
subscribers: {
    'console':               ['ops', 'request', 'log', 'error'],
    'http://localhost/logs': ['log']
    }
};
server.pack.require('good', options, function (err) {

    if (!err) {
        console.log('Plugin loaded successfully');
    }
});

Answer 34

次のようにNode.JSアプリケーションをデバッグする方法がいくつかあります。

1）devtoolをインストールして起動します

npm install devtool -g --save
devtool server.js

これはクロム開発者モードで開くので、デバッガポイントを設定してテストできます。

2）ノードインスペクタでデバッグする 

node-inspector

3）--debugでデバッグする

node --debug app.js