在visual studio開發(fā)H5網(wǎng)站的調(diào)試時候，需要在多環(huán)境調(diào)試，比如在不同瀏覽器和不同分辨率的電腦、不同的手機(jī)瀏覽器測試?；蛘唔?xiàng)目比較著急，需要邊測試邊開發(fā)，可不可以不發(fā)布讓測試人員來測試呢？visual studio 2022在17.5版本推出了開發(fā)隧道（Dev Tunnels）的功能，就是可以解決這個問題。開發(fā)隧道允許開發(fā)人員通過本地vs調(diào)試時將項(xiàng)目暴露給外部網(wǎng)絡(luò)，并允許測試人員在不發(fā)布項(xiàng)目的情況下進(jìn)行測試。這大大提高了開發(fā)和測試的效率?，F(xiàn)在，你可以輕松地在不同環(huán)境和設(shè)備上進(jìn)行網(wǎng)站的測試，加快開發(fā)和測試的整體進(jìn)程。
一、使用方法
1、使用條件
版本需要在visual studio 2022的17.5以上；并且vs啟用了啟用了開發(fā)隧道預(yù)覽功能，小編在vs17.6版本未找到開啟的地方，在17.5版本的流程是：選擇“工具”>“選項(xiàng)”>“環(huán)境”>“預(yù)覽功能”>“為 Web 應(yīng)用啟用開發(fā)隧道”；目前只支持.NET Core，小編用之前的老項(xiàng)目測試不支持；另外必須有個github賬號或其它微軟相關(guān)賬號，并在vs里面登錄，下面案例使用github賬號。
2、創(chuàng)建開發(fā)隧道
這里測試啟動兩個項(xiàng)目來創(chuàng)建開發(fā)隧道，我們新建兩個asp.net core webapi項(xiàng)目，名字為webapitest和webapitest2。創(chuàng)建完成后就可以配置開發(fā)隧道了，我們設(shè)置兩個項(xiàng)目啟動，然后在啟動按鈕下拉，選擇“開發(fā)隧道”>“創(chuàng)建隧道”。如下圖。
這時候打開“隧道創(chuàng)建”對話框，如下圖：
1）賬號可以使用 Azure、Microsoft 帳戶 (MSA) 和 GitHub賬號
2)隧道類型可以選擇“永久”或“臨時”。臨時是每次啟動vs時臨時隧道都會獲得一個新的url；永久是每次啟動vs是永久隧道都會是同一個url。
3)最后一項(xiàng)是訪問權(quán)限，分為專用、組織和公共。顧名思義“專用”只能當(dāng)前賬號訪問；組織是當(dāng)前賬號同一個組織可以訪問；“公共”不需要身份驗(yàn)證就可以訪問。
填寫完成后彈出成功的窗口。
二、使用隧道
成功創(chuàng)建隧道后，如果有多個隧道可以選擇其中一個隧道，如下圖：
可以在“顯示開發(fā)隧道窗口”中查隧道中項(xiàng)目的使用情況。
點(diǎn)擊啟動項(xiàng)目，便跳轉(zhuǎn)到隧道頁面，首次使用會跳轉(zhuǎn)到github授權(quán)頁面進(jìn)行授權(quán)，如下圖：
授權(quán)成功后如下圖所示。
瀏覽器界面，這里是多項(xiàng)目啟動。
手機(jī)訪問界面，可以使用Edge 瀏覽器中生成 URL 的 QR 碼，也可以直接復(fù)制鏈接訪問。
結(jié)語
本文講述了Visual Studio 2022的的新功能開發(fā)隧道的配置方法和使用方法。開發(fā)隧道可以輕松地在不同環(huán)境和設(shè)備上進(jìn)行網(wǎng)站的測試，加快開發(fā)和測試的整體進(jìn)程，是個不錯的功能。Visual Studio Code在1.74也引入了這樣的功能。開發(fā)隧道還可以通過環(huán)境變量來獲取url等。希望本文對你有所收獲，同時歡迎留言或者吐槽。
參考：文章來源：http://www.zghlxwxcb.cn/news/detail-463186.html
https://learn.microsoft.com/zh-cn/aspnet/core/test/dev-tunnels?view=aspnetcore-7.0文章來源地址http://www.zghlxwxcb.cn/news/detail-463186.html
來源公眾號：DotNet開發(fā)跳槽
到了這里，關(guān)于Visual Studio 2022的一個驚艷新功能開發(fā)隧道的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
