WebStormでAzure Functions(Node.js)をデバッグする方法

2022年10月23日

VSCodeで作業してましたが、せっかくライセンスもってるのでWebStormで実装することにしました。

今回の設定が含まれたリポジトリは以下になります。この中のルートにある.runに設定情報が含まれています。

https://github.com/xiaotiantakumi/az-func-ts-starter/tree/main/.run

今回の内容はこちらを参考にしました。

https://stackoverflow.com/questions/41688100/azure-functions-how-to-debug-in-webstorm

.vscode\launch.jsonの設定をする必要がありそうです。
.vscode\launch.jsonの設定については以下を参考にしてください。

WebStormでデバッグ構成を作成します。
作業ディレクトリは開いているプロジェクトのパスです。
確か最初から入力されていたと思います。

JavaScriptファイルにAzure Functions Core Toolsのパスを入れます。
既にインストール済みであれば、ターミナルでwhere funcとすればパスがわかります。

アプリケーションパラメーターに
start –debug VSCODE
とします。

この状態でブレークポイントを置いてF5すればデバッグできるようになります。

Functions

Posted by takumioda