33
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

node-inspectorなしでNode.jsをデバッグする

Last updated at Posted at 2016-06-26

Node.jsをデバッグする時は「node-inspector」を使うことが多いです

node-inspector

ですが、「node-nightly」版を使うと「node-inspector」なしでデバッグすることが可能です!
v6.3.0で標準実装されました!(2016/07/07追記)

準備

ダウンロード

「node-nightly」版を落としてきます

[https://nodejs.org/download/nightly/v7.0.0-nightly20160621ecc48a154d/]

↑ここに環境ごとのバイナリファイルがあるのでダウンロードします

解凍

tar zxvf node-v7.0.0-nightly20160621ecc48a154d-darwin-x64.tar.gz

解凍したら、binフォルダに実行ファイルがあるので、適当な場所にコピーします

サンプルプログラム

今回は、expressを使った簡単なサンプルプログラムを用意します

インストール

npm init -y
npm install -S express

ソース

app.js
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

app.listen(3000);

デバッグ

Nightly版の場合は

node-nightly --inspect --debug-brk app.js

v6.3.0が入ってる方は

node --inspect --debug-brk app.js

「--inspect」フラグを付けることでデバッグが可能です
実行時に最初の行で止めたい場合は、「--debug-brk」フラグを付けると止まります

実行すると、↓このように表示されるので

スクリーンショット 2016-06-26 17.07.17.png

「chrome-devtools://...」の部分をコピーしChromeで開きます
そうすると↓このように最初の行で止まった状態になるので、任意の場所にブレイクポイントを貼ります

スクリーンショット 2016-06-26 17.13.50.png

今回は、「 http://localhost:3000 」にリクエストが来たら止まるようにしました

http://localhost:3000 」にアクセスしてみると↓このようにブレイクポイントで止まり
変数の中身などが確認できます

スクリーンショット 2016-06-26 17.27.53.png
33
29
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
33
29

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?