🚀 VS Code で で入手しましょう!

Node.js 用 Azure リモート デバッグ

Visual Studio Code デバッガーを、Linux 上の Azure App Service で実行されている Node.js アプリケーションに接続します。デバッガーは、ローカルの Node.js プロセスに接続されている場合と同じように動作します。ブレークポイントとログポイントの使用も含まれます。

拡張機能のインストール

VS Code のリモートデバッグサポートは、Azure にデプロイされたアプリ用の Azure App Service 拡張機能によって提供されます。

Select App Service extension

Azure App Service 拡張機能をインストールするには

  1. ⇧⌘X (Windows、Linux Ctrl+Shift+X) を押して拡張機能ビューを開きます。
  2. 'azure app service' を検索して結果をフィルター処理します。
  3. Microsoft Azure App Service 拡張機能を選択し、インストール を選択します。

Azure に接続する

Azure App Service 拡張機能をインストールすると、アクティビティバーに Azure ビューが追加されていることに気付くでしょう。Azure ビューを選択して Azure App Service エクスプローラーを開きます。

App Service explorer

App Service エクスプローラーで Azure にサインイン を選択するか、コマンドパレット (⇧⌘P (Windows、Linux Ctrl+Shift+P)) から Azure: サインイン を選択して Azure アカウントにサインインします。アカウントをお持ちでない場合は、Azure アカウントを作成... を選択して Azure 無料アカウントを作成し、Azure サービスの任意の組み合わせを試してください。

ヒント: まだ Azure App Service にデプロイされたアプリがない場合は、このチュートリアルに従って Node.js + MongoDB ウェブアプリを Azure にデプロイ することから始めてください。

リモートデバッグセッションを開始する

アプリケーションのリモートデバッグセッションを開始するには、App Service エクスプローラーでアプリを右クリックし、リモートデバッグの開始 を選択します。

Start remote debugging

このプロセスでは、デバッガーを有効にしてアプリを再起動する必要があります。再起動を確認するプロンプトが表示されます。

再起動すると、VS Code は SSH トンネル経由でアプリのデバッグポートに接続します。接続が確立されるまでに時間がかかる場合があります。接続されると、VS Code はデバッグモードに切り替わり、ローカルでアプリをデバッグする場合と同じように動作します。

Remote breakpoint

リモートデバッグセッションを終了する準備ができたら、通常どおりデバッガーから切断し、アプリを再起動することを確認します。

次のステップ

  • ログポイント - デバッガーで「中断」せずにコンソールにログを記録するには、ログポイントを使用します。
  • Azure 拡張機能 - VS Code マーケットプレイスには、Azure とクラウド用の数百の拡張機能があります。
  • Azure へのデプロイ - アプリケーションを Azure にデプロイする方法をステップごとに学びます。