2017-08-20 106 views
0

我環顧四周,發現了很多麻煩。我希望有人能夠指出我的職位或有關於如何做到這一點的信息。節點快速應用程序使用WebStorm調用來自單獨客戶端應用程序的調用

我的問題是,我有2個項目,我使用WebStorm提出:

  • 我有1個應用程序在端口3000上運行我的服務器端代碼這是一個簡單的節點快速應用。
  • 第二個應用是運行在端口客戶端的角度4/3離子申請8100

我想運行在調試模式下我的服務器應用程序,因此它命中的所有數據斷點從客戶端應用程序發送。

例如:Angular/Ionic應用程序爲給定客戶的所有客戶端發送獲取請求。客戶通過url參數發送。我希望服務器代碼在收到此請求時暫停,因此我可以看到此URL參數。相當簡單。

服務器也使用grunt來構建項目,並使用nodemon來觀看它。我正在使用一些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中偵聽?我有兩個項目在單獨的窗口中打開,我正在啓動從客戶端到服務器的調用。我如何讓突破點抓住並顯示進入服務器的數據?

我覺得這很容易,我錯過了一些非常愚蠢的東西。任何幫助將非常感激。

回答

0

您需要在調試器中啓動服務器以獲取服務器代碼命中中的斷點。如果您希望通過NPM腳本來啓動你的應用程序,你必須(在Windows或%NODE_DEBUG_OPTION%)添加$NODE_DEBUG_OPTION確保Node.js的啓動與相應的調試選項(--debug-brk--inspect-brk等)

所以:

  • 中的package.json,修改dev腳本如下:

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

  • 右鍵單擊您的包。JSON,選擇顯示NPM腳本
  • 右鍵單擊dev腳本打開,選擇編輯「開發」設置創建一個運行配置NPM工具窗口。
  • 在編輯器中打開源文件,添加斷點
  • 調試開始調試
  • 運行您的客戶端應用程序,發起呼叫服務器

enter image description here

+0

我不知道的這個需要添加到我的啓動腳本的調試標誌。當我回家時我會試試這個。對此信息向您表示感謝! –

相關問題