🚀 在 VS Code 中免費取得

適用於 Node.js 的 Azure 遠端偵錯

將 Visual Studio Code 偵錯工具連線至在 Linux 上 Azure App Service 中執行的 Node.js 應用程式。偵錯工具的運作方式與連線至本機 Node.js 程序時相同,包括使用中斷點和記錄點。

安裝擴充功能

VS Code 的遠端偵錯支援由 Azure App Service 擴充功能提供,適用於部署至 Azure 的應用程式。

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 Web 應用程式部署至 Azure

開始遠端偵錯工作階段

若要為您的應用程式啟動遠端偵錯工作階段,請在 App Service 總管中以滑鼠右鍵按一下您的應用程式,然後選取 [開始遠端偵錯]。

Start remote debugging

此程序需要重新啟動應用程式並啟用偵錯工具。系統會提示您確認重新啟動。

重新啟動後,VS Code 會透過 SSH 通道連線至應用程式的偵錯連接埠。建立連線可能需要一些時間。連線後,VS Code 會切換至偵錯模式,其運作方式與在本機偵錯應用程式時相同。

Remote breakpoint

當您準備好結束遠端偵錯工作階段時,請如常從偵錯工具中斷連線,並確認您要重新啟動應用程式。

後續步驟

  • 記錄點 - 使用記錄點記錄到主控台,而不會在偵錯工具中「中斷」。
  • Azure 擴充功能 - VS Code Marketplace 提供數百種適用於 Azure 和雲端的擴充功能。
  • 部署至 Azure - 逐步了解如何將應用程式部署至 Azure。