在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开发跳槽
标签:隧道,2022,账号,vs,Visual,开发,Studio,测试
From: https://www.cnblogs.com/xbhp/p/17440124.html