在visual studio開發H5網站的調試時候，需要在多環境調試，比如在不同瀏覽器和不同解析度的電腦、不同的手機瀏覽器測試。或者項目比較著急，需要邊測試邊開發，可不可以不發佈讓測試人員來測試呢？visual studio 2022在17.5版本推出了開發隧道（Dev Tunnels）的功能，就是 ...
在visual studio開發H5網站的調試時候，需要在多環境調試，比如在不同瀏覽器和不同解析度的電腦、不同的手機瀏覽器測試。或者項目比較著急，需要邊測試邊開發，可不可以不發佈讓測試人員來測試呢？visual studio 2022在17.5版本推出了開發隧道（Dev Tunnels）的功能，就是可以解決這個問題。開發隧道允許開發人員通過本地vs調試時將項目暴露給外部網路，並允許測試人員在不發佈項目的情況下進行測試。這大大提高了開發和測試的效率。現在，你可以輕鬆地在不同環境和設備上進行網站的測試，加快開發和測試的整體進程。
一、使用方法
1、使用條件
版本需要在visual studio 2022的17.5以上；並且vs啟用了啟用了開發隧道預覽功能，小編在vs17.6版本未找到開啟的地方，在17.5版本的流程是：選擇“工具”>“選項”>“環境”>“預覽功能”>“為 Web 應用啟用開發隧道”；目前只支持.NET Core，小編用之前的老項目測試不支持；另外必須有個github賬號或其它微軟相關賬號，併在vs裡面登錄，下麵案例使用github賬號。
2、創建開發隧道
這裡測試啟動兩個項目來創建開發隧道，我們新建兩個asp.net core webapi項目，名字為webapitest和webapitest2。創建完成後就可以配置開發隧道了，我們設置兩個項目啟動，然後在啟動按鈕下拉，選擇“開發隧道”>“創建隧道”。如下圖。
這時候打開“隧道創建”對話框，如下圖：
1）賬號可以使用 Azure、Microsoft 帳戶 (MSA) 和 GitHub賬號
2)隧道類型可以選擇“永久”或“臨時”。臨時是每次啟動vs時臨時隧道都會獲得一個新的url；永久是每次啟動vs是永久隧道都會是同一個url。
3)最後一項是訪問許可權，分為專用、組織和公共。顧名思義“專用”只能當前賬號訪問；組織是當前賬號同一個組織可以訪問；“公共”不需要身份驗證就可以訪問。
填寫完成後彈出成功的視窗。
二、使用隧道
成功創建隧道後，如果有多個隧道可以選擇其中一個隧道，如下圖：
可以在“顯示開發隧道視窗”中查隧道中項目的使用情況。
點擊啟動項目，便跳轉到隧道頁面，首次使用會跳轉到github授權頁面進行授權，如下圖：
授權成功後如下圖所示。
瀏覽器界面，這裡是多項目啟動。
手機訪問界面，可以使用Edge 瀏覽器中生成 URL 的 QR 碼，也可以直接複製鏈接訪問。
結語
本文講述了Visual Studio 2022的的新功能開發隧道的配置方法和使用方法。開發隧道可以輕鬆地在不同環境和設備上進行網站的測試，加快開發和測試的整體進程，是個不錯的功能。Visual Studio Code在1.74也引入了這樣的功能。開發隧道還可以通過環境變數來獲取url等。希望本文對你有所收穫，同時歡迎留言或者吐槽。
參考：
https://learn.microsoft.com/zh-cn/aspnet/core/test/dev-tunnels?view=aspnetcore-7.0
來源公眾號：DotNet開發跳槽
