Node.js と Docker

始める前に

1. JetBrains リポジトリからプラグインをインストールする説明に従って、設定 / 環境設定 | プラグインページで Node.js リモートインタープリタープラグインをインストールして有効にします。

2. 設定 / 環境設定 | プラグインページで Node.js と Docker バンドルプラグインが有効になっていることを確認してください。詳細については、プラグインの管理を参照してください。

3. Docker の説明に従って、Docker をダウンロード、インストール、設定します。

Node.js 実行 / デバッグ構成を作成する

1. メインメニューから実行 | 構成の編集を選択し、次に構成の編集ダイアログでツールバーのをクリックしてリストから Node.js を選択します。実行 / デバッグ構成: Node.js ダイアログが開きます。

2. JavaScript ファイルフィールドで、それを開始するアプリケーションのメインファイルへのパスを指定します（たとえば、エクスプレス(英語)アプリケーションの場合は bin/www ）。

3. 必要に応じて、Node.js アプリケーションの実行とデバッグで説明されているいくつかのオプション設定を指定します。

Node.js インタープリターを指定する

タイプリモートインタープリター - Docker の構成済み Node.js インタープリターの 1 つを Node インタープリターリストから選択するか、新しいものを構成します。

1. 実行 / デバッグ構成: Node.js ダイアログで、Node インタープリターフィールドの横にあるをクリックします。

2. 現在構成されているすべてのインタープリターのリストが表示された Node.js インタープリターダイアログで、ツールバーのをクリックします。開いたダイアログで、コンテキストメニューからリモートの追加を選択します。

3. 開いた Node.js リモート インタープリターの設定ダイアログで、Docker オプションを選択します。

   1. サーバーフィールドで、使用する Docker の設定を指定します。詳細については、Docker デーモンの接続設定を構成するを参照してください。リストから構成を選択するか、新規 ... をクリックして、開いた Docker ページに新しい構成を作成します。

   2. イメージ名: フィールドで、使用するベース Docker イメージを指定します。リストから以前にダウンロードしたイメージまたはカスタムイメージのいずれかを選択するか、node:argon や mhart/alpine-node などのイメージ名を手動で入力します。後で実行構成を起動すると、Docker はマシン上で指定されたイメージを検索します。検索が失敗した場合、イメージは Docker レジストリページの Docker 公式イメージ(英語)リポジトリからダウンロードされます。

   3. Node.js インタープリターのパスフィールドには、指定されたイメージからのデフォルトの Node.js インタープリターの場所が表示されます。

   4. OK をクリックすると、PhpStorm は Node.js リモート インタープリターの設定ダイアログを閉じ、新しいインタープリター構成がリストに追加される Node.js インタープリターダイアログに移動します。OK をクリックして、実行構成に戻ります。

Docker コンテナー設定を指定する

• Docker コンテナー設定の編集フィールドの横にあるをクリックして、表示される Docker コンテナー設定の編集ダイアログで設定を指定します。

• あるいは、自動構成チェックボックスを選択して自動的に実行します。WebStorm と Docker のクイックツアー: 実行ごとに何が起こるか(英語)で自動構成モードの詳細を学びましょう。

ポートバインドを構成する

1. Docker コンテナー設定フィールドでをクリックし、表示される Docker コンテナー設定の編集ダイアログでポートバインディング領域を展開します。

2. をクリックし、開いているポートバインディングダイアログで、次のようにポートをマッピングします。

   • 「コンテナーポート」フィールドに、アプリケーションで指定されているポートを入力します。

   • ホストポートフィールドに、コンピューターのブラウザーでアプリケーションを開くときに経由するポートを入力します。

   • ホスト IP フィールドに、Docker のホストの IP アドレスを入力します。デフォルト IP は 192.168.99.100 です。ホストは、設定 / 環境設定ダイアログの Docker ページの API URL フィールドで指定されます。

   • OK をクリックして Docker コンテナー設定の編集ダイアログに戻り、新しいポートマッピングがリストに追加されます。

3. OK をクリックして実行 / デバッグ構成: Node.js ダイアログに戻ります。

アプリケーションを実行する

1. 上記のように Node.js 構成を作成します。

2. ツールバーの実行 / デバッグ構成を選択しますリストから、新しく作成された Node.js 構成を選択します。

3. をクリックして実行 / デバッグ構成を選択しますリストに移動します。

デバッグを開始する

1. 必要に応じて、Node.js コードにブレークポイントを設定します。

2. 上記の説明に従って Node.js 構成を作成し、ツールバーの実行 / デバッグ構成を選択しますリストから選択して、リストの横にあるをクリックします。

3. Node.js アプリケーションと一緒にデバッガーを起動する場合に進みます。