🚀 在 VS Code 中

本地連接埠轉送

Visual Studio Code 透過 Microsoft 開發通道內建支援連接埠轉送,無需擴充功能。當執行本機 Web 服務時,您可以使用 連接埠 檢視,讓其他人透過網際網路存取該服務。

如何使用本地連接埠轉送

首先,您需要有一個想要轉送的服務。如果您還沒有服務,但已安裝 Node.js,您可以執行此命令以在連接埠 3000 上啟動伺服器

npx serve

然後,導覽至面板區域中的 連接埠 檢視 (連接埠:專注於連接埠檢視),然後選取 轉送連接埠

Forward a Port button displayed in the Ports view

如果您之前沒有使用 GitHub 登入,系統會提示您登入。然後,輸入您想要轉送的連接埠;使用上述命令的預設連接埠為連接埠 3000。完成後,連接埠轉送系統會啟動,且 連接埠 檢視會更新以顯示您轉送的連接埠及其 已轉送位址

Port 3000 added to the Ports view

將滑鼠游標停留在 已轉送位址 上方,您可以使用內嵌動作複製位址、在瀏覽器中開啟或開啟編輯器內預覽。

預設情況下,轉送的連接埠是 私人 的。當您導覽至 URL 時,系統會要求您使用與您在 VS Code 中啟動連接埠轉送程序時相同的 GitHub 帳戶登入。您可以透過在連接埠上按一下滑鼠右鍵並選取 連接埠可見性 > 公開 來變更可見性。公開 連接埠不需要登入。

常見問題

如果我連線到遠端電腦,我該如何轉送本機服務?

目前,連接埠轉送僅適用於公開本機執行的服務。它尚不適用於遠端連線,但我們預期未來會適用。

根據您的情境,您可能會想要使用 VS Code Remote - Tunnels 擴充功能來通道進入遠端電腦。您可以在 Remote - Tunnels 文件中瞭解更多資訊。

轉送的連接埠如何受到保護?

預設情況下,託管和連線到通道都需要使用相同 GitHub 或 Microsoft 帳戶在每一端進行驗證。在這兩種情況下,VS Code 都會建立與 Azure 中託管之服務的輸出連線;通常不需要防火牆變更,而且 VS Code 不會設定任何網路接聽程式。

但是,如果您已開啟 公開 連接埠,則任何擁有您連結的使用者都可以存取轉送的服務。您應謹慎避免透過此類連接埠託管任何機密資訊或不安全的服務。

您可以在其 文件中瞭解有關基礎開發通道服務安全性的更多資訊。

連接埠轉送有哪些限制?

連接埠轉送的使用頻寬量和可使用的作用中電腦數量都有限制,這些限制可能會隨時間而變更。請在 Remote-Tunnels 文件中閱讀有關通道使用限制的更多資訊。

我可以在我的組織中設定原則嗎?

如果您所屬的組織想要控制對連接埠轉送的存取,您可以透過允許或拒絕存取網域 global.rel.tunnels.api.visualstudio.com 來執行此操作。

對於執行 Windows 裝置的使用者,您也可以設定然後部署開發通道的群組原則設定。您可以在 開發通道文件中瞭解更多資訊。