建立和裝載開發通道

開發通道是一項功能強大的工具,可將您的localhost安全地開啟至因特網,並控制可存取的人員,因此您可以輕鬆地從任何地方測試及偵錯Web應用程式和Webhook。 建立、裝載及連線到您的第一個開發通道,以秒為單位。

在本快速入門中,您將瞭解如何在幾秒內建立、裝載及連線到您的第一個開發通道。

安裝

建立開發通道之前,您必須先下載並安裝對應至作業系統的 devtunnel CLI (命令行介面) 工具。

Windows 封裝管理員(winget)

您可以使用適用於 Windows 的 Microsoft 套件管理員 winget 來安裝和更新 devtunnel CLI。

winget install Microsoft.devtunnel

此命令預設會安裝最新版本,並移除相同位置中的舊版本,也就是 %LOCALAPPDATA%\Microsoft\WinGet\Packages。 若要指定版本,請將您所需的版本新增 --version <version_number> 至 命令。

winget upgrade Microsoft.devtunnel

PowerShell 指令碼

您也可以使用 PowerShell 安裝 devtunnel CLI,然後執行下列命令:

Invoke-WebRequest -Uri https://aka.ms/TunnelsCliDownload/win-x64 -OutFile devtunnel.exe
.\devtunnel.exe -h

直接下載連結:

Windows (x64) - https://aka.ms/TunnelsCliDownload/win-x64

使用 執行指令,devtunnel./devtunnel而不是 :

  1. 按下 Windows 鍵並輸入 「環境變數」。
  2. 選取 [編輯系統環境變數] 選項。
  3. 選取 [環境變數...]按鈕。
  4. 您會在 [系統變數] 資料表中看到兩個數據表,尋找並選取 'PATH' 變數。
  5. 選取 [編輯...] 按鈕。
  6. 窗口應該會快顯。 選取 [新增] 按鈕。
  7. 輸入 devtunnel.exe 檔案的目錄路徑 (directory 表示從路徑中排除檔名。
  8. 若要尋找目錄字串,您可以流覽至 PowerShell 或終端機中的目錄,然後輸入 'pwd')
  9. 在所有開啟的視窗上選取 [確定],然後重新啟動命令提示字元。

登入

若要啟動開發通道,您必須先使用 Microsoft Entra ID、Microsoft 或 GitHub 帳戶登入。 開發人員通道不支援匿名裝載通道,如需詳細資訊,請參閱 CLI 命令參考 檔。

devtunnel user login

Host

登入之後,您可以使用 命令開始裝載開發通道 host 。 在下列開發通道的範例中, 會:

  • 在回應傳送至它的要求的埠 8080 上執行本機伺服器。
  • 裝載因特網可存取之本機埠 8080 的開發通道。
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

成功的 host 命令會列印類似下列範例的控制台。

Connecting to host tunnel relay wss://usw2-data.rel.tunnels.api.visualstudio.com/api/v1/Host/Connect/<tunnel_id>
Hosting port 8080 at https://<tunnel_id>.usw2.devtunnels.ms:8080/, https://<tunnel_id>-8080.usw2.devtunnels.ms/ and inspect it at https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/
Ready to accept connections for tunnel: <tunnel_id>

列印的文字包含:

  • tunnel_id - 開發通道的識別碼。
  • 公用 URL - 此範例中可用來存取開發通道 https://<tunnel_id>.usw2.devtunnels.ms:8080/ 的 URL。
  • 檢查 URL - 在此範例中,您可以使用的 URL 來檢查在 開發通道 https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ 中傳送的流量。

連線

若要連線到開發通道,您需要:

  1. 在網頁瀏覽器中流覽此網址。
  2. 使用您用來裝載開發通道的相同帳戶登入。 根據預設,開發人員通道只能存取您。

恭喜! 您現在可以透過因特網存取您的本地服務。

後續步驟