ノードエクスプレスアプリケーションWebStormを使用して別のクライアントアプリケーションからの呼び出しでデバッグ

Question

私は周りを見回し、これを把握するのに苦労しました。私は誰かが私にポストを指すことができるか、またはこれを行う方法に関する情報を得ることができるかもしれないことを望んでいる。私はそれは、単純なノードエクスプレスアプリですポート3000上で動作している私のサーバー側のコードである1つのアプリケーションを持っている

• ：

  私の問題は、私は私がWebStormを使用して作った2つのプロジェクトを持っているということです。

• 第二のアプリケーションは、ポート上でクライアント側を実行しているアンギュラ4 /イオン3アプリケーションで8100私はそれがすべてのデータがあるために、ブレークポイントにヒットするように、デバッグモードで自分のサーバーアプリケーションを実行したい

クライアントサイドアプリから送信されます。

たとえば、Angular/Ionicアプリは、特定の顧客のすべてのクライアントに対してgetリクエストを送信します。顧客はurlパラメータを使用して送信されます。このリクエストを受信するとサーバーコードを一時停止して、このURLパラメータを確認できます。かなりシンプル。

サーバーはまた、プロジェクトを構築するためにgruntを使用し、それを監視するためにノードを使用しています。私は人生を簡単にするためにいくつかのnpmスクリプトを使用しています。スクリプトは次のとおりです。

"scripts": { 
    "dev": "SET NODE_ENV=development && nodemon ./bin/www", 
    "grunt": "grunt", 
    "start": "node ./bin/www" 
}, 

何も言えません。

スクリプトを実行するようにWebStormを設定しました。だから、再生ボタンは、最初に、次の手順を実行します：

1. npm run grunt
2. npm run dev

再び...何も空想。

ここで私はWebStormで聞くことができるようにデバッガをセットアップするにはどうすればよいですか？私は両方のプロジェクトを別々のウィンドウで開き、クライアントからサーバーへの呼び出しを開始しています。どのようにしてブレークポイントを保持し、サーバーに入るデータを表示するのですか？

私はこれが信じられないほど簡単だと思って、本当にばかげた何かを逃しています。どんな助けでも大歓迎です。

Answer 1

サーバコードヒットでブレークポイントを取得するには、デバッガでサーバを起動する必要があります。あなたはNPMスクリプトを経由してあなたのアプリを起動したい場合は、だから、

（、--debug-brk、--inspect-brkなど）Node.jsのは、適切なデバッグオプションで起動されていることを確認する（Windows上または%NODE_DEBUG_OPTION%）$NODE_DEBUG_OPTIONを追加する必要があります。

次のように

• package.jsonで、あなたのdevスクリプトを変更：

"dev": "SET NODE_ENV=development && nodemon %NODE_DEBUG_OPTION% ./bin/www"

• パッケージを右クリックします。JSON、表示NPMスクリプト
• を選択し、右クリックdev実行構成を作成するために編集「DEV」の設定を選択し、開くNPMツールウィンドウでスクリプトを実行します。
• 、エディタでソースファイルを開き、ブレークポイント
• を追加プレスデバッグは、あなたのクライアントアプリケーションを実行
• のデバッグを開始するために、私が知らなかった