node.jsのデバッグ(ステップ実行)ができるnode-inspectorの使い方

2013.01.27追記

最新版で動作するよう記事を修正しました。

はじめに

この記事では、Mac OS X Lion上にnode-inspectorとnode.jsをインストールし、node.jsをデバッグ（ステップ実行）する手順について書いています。
この記事を書くにあたり、以下のエントリを参考にさせていただきました。

• node.jsでのデバッグ方法 - すにぺっと
• node.jsの開発時に役立つモジュール : アシアルブログ

はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-

posted with amazlet at 14.01.23

松島 浩道
ソフトバンククリエイティブ
売り上げランキング: 13,297

Amazon.co.jpで詳細を見る

node-inspector

node-inspectorは、サーバサイドのJavaScriptをブラウザ上（Webkit系のブラウザ）でデバッグできるようにしてくれるライブラリです。

node-inspectorってのがあって、これがあると
chrome上（webkit系ならいけるらしい）でクライアントサイドのjsデバッグみたいに
サーバサイドのjsもデバッグできる。
でもnode.js0.3以上がないと動かないので注意。
node.jsでのデバッグ方法 - すにぺっと

動作環境

• Mac OS X Lion
• node.js 0.8.18
• [email protected]
• [email protected]
• Google Chrome 24.0.1312.56

node.jsのインストール

node.jsのインストールに関しては、こちらのエントリを参照してください。

• Mac OS X Lionにnode.jsをインストールする - 大人になったら肺呼吸
• Mac OS X Snow Leopardにnode.jsをインストールする - 大人になったら肺呼吸

npmのインストール

node.jsのパッケージ管理システムnpmをインストールします。

sudo curl https://npmjs.org/install.sh | sudo sh

node-inspectorのインストール

npmを使ってnode-inspectorをインストールします。現在の最新版である0.1.10を入れてみます。

sudo npm install -g node-inspector

>[email protected] /usr/local/lib/node_modules/node-inspector
>├── [email protected]
>├── [email protected] ([email protected], [email protected], [email protected])
>└── [email protected] ([email protected], [email protected], [email protected], [email protected])

サンプルコードを用意する

以下のコードをhelloworld.jsという名前で任意のフォルダにコピーします。

var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, "127.0.0.1");
console.log('Server running at http://127.0.0.1:1337/');

node-inspectorの起動

以下のコマンドでnode-inspectorが起動します。

node-inspector

>   info  - socket.io started
>visit http://0.0.0.0:8080/debug?port=5858 to start debugging

node.jsをデバッグモードで動かす

ターミナルをもう1枚起動して、node.jsをデバッグモードで起動します。このとき、カレントディレクトリはhelloworld.jsを格納したディレクトリにします。

node --debug helloworld.js 
>debugger listening on port 5858
>Server running at http://127.0.0.1:1337/

デバッグしてみる

1. Google Chromeを起動して、http://0.0.0.0:8080/debug?port=5858にアクセスします。Google ChromeのInspectorが起動するので、さきほど作成したhelloworld.jsを選択します。

2. helloworld.js内にブレークポイントを設定します。行番号のあたりをクリックするとブレークポイントが設定できます。
3. Google Chromeのタブをもう1枚開き、http://127.0.0.1:1337/にアクセスします。すると、1枚目のタブでスクリプトがブレークポイントでストップして、ステップ実行することができるようになります。

関連エントリ

• node.jsのnpmでカラフルなクリスマスツリーが描けるよ。
• 【初心者向け】node.js(0.8) + socket.io(0.9x)のサンプルプログラム
• node.js + socket.ioでTwitterのStreaming APIを使ってみる
• Ubuntu 11.10にnode.jsをインストールして動かしてみたよ。
• Mac OS X Lionにnpm(Node Package Manager)をインストールする