🚀 在 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。