2023/02/28

[Visual Studio 2022] v17.5 新功能 - Dev Tunnels 開發人員通道

開發網站專案,若是要暫時展示開發進度,要想各種方法把網站對外開放。不管是架在測試機,或是佈署到雲端,又或是透過 ngrok 或自架 nginx 伺服器反向代理。目前在 v17.5 版本中可以輕易達到了。

必要條件

  • Visual Studio 2022 v17.5 版本 (Visual Studio for Mac 不支援)
  • 啟用開發人員通道預覽功能
  • 僅支援 ASP.NET Core 網站專案 (一個或多個)

Dev Tunnels

開啟 Dev Tunnels 功能:Tools —>Manage Preview Features —>勾選 "Enable dev tunnels for Web Applications" (啟用 Web 應用程式的開發通道)

啟用功能後,在 Debug https 下拉,可看到 Dev Tunnels 選項,首先建立通道 "Create a Tunnel"

此時會要求帳號登入才能使用該功能

  • Account: Microsoft 帳號 / Azure / GitHub
  • Name: 識別名稱可自訂,自己看得懂的可區分的就好
  • Tunnel Type: Temporary (暫時) / Persistent (永久)
  • Access: Private (私人) / Organizational (組織) / Public (公開)

建立完成

在 Dev Tunnels 可以看到剛剛建立的 Tunnel

顯示 Dev Tunnels 視窗

啟用偵錯 (Ctrl+F5) 即會跳出使用 Tunnel 的宣告,按 COUNTINUE 即可看到網站結果

要查詢啟用的網址,可以在 Dev Tunnels 視窗點選 active URLs

以後臨時要暫時對外開放網站預覽時,不需要再本機設定防火牆也不用再去動路由器指定機台及埠號,還要在結束後記得關閉。把 Dev Tunnels 開起來,不用再手忙腳亂囉!

相關連結