VS Codeのエージェントモードを拡張するには、を試してください!

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

Visual Studio Code のデバッガーを、Azure App ServiceLinux で実行されている 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

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

ヒント: Azure App Service にまだアプリをデプロイしていない場合は、このチュートリアルに従って Node.js + MongoDB Web アプリを Azure にデプロイすることから始めましょう。

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

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

Start remote debugging

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

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

Remote breakpoint

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

次のステップ

  • ログポイント - デバッガーで「中断」することなくコンソールにログを記録するには、ログポイントを使用します。
  • Azure 拡張機能 - VS Code Marketplace には、Azure およびクラウド用の何百もの拡張機能があります。
  • Azure へのデプロイ - アプリケーションを Azure にデプロイする手順を段階的に学びます。