Visual Studio WebHook 隧道功能展示

昨天刚发现了一个功能就是VS自己提供的内网穿透的功能(花生壳等),这个功能很不错,可以很方便的把当前的服务让对方访问你当前的服务。

特别是前端效果类的,可以快速让用户或者客户看到效果,然后,直接热修改,热反馈,也算是敏捷的最佳实践了。

在群里分享了下,发现还是很少人知道这个东西,所以,我就写篇文章让更多的人了解。.

使用步骤

主要是Visual Studio 2022 最新版本 17.5.4 版本和一个微软的登录账号

升级最新版

我已经好久没更新了。先更新下。

Visual Studio WebHook 隧道功能展示

创建一个web类型的项目(只支持Web)

Visual Studio WebHook 隧道功能展示

启用预览功能 WebHook

发现它的提示是说,它是为了Power Platform使用的,说明微软主要是为了它自己的RPA软件用的。

-> 工具

Visual Studio WebHook 隧道功能展示

-> 选项

Visual Studio WebHook 隧道功能展示

-> 勾选 使用Web应用程序的开发隧道

Visual Studio WebHook 隧道功能展示

确定保存(有必要可以重启下)

配置WebHook隧道

在项目运行的地方,点击下拉小三角箭头,就会如下图所示

Visual Studio WebHook 隧道功能展示

然后,按照1和2的方式创建一个隧道

Visual Studio WebHook 隧道功能展示

然后按照它的描述填写信息

Visual Studio WebHook 隧道功能展示

主要是账户,其他的按照自己的需求填写。

Visual Studio WebHook 隧道功能展示

这个是我填写的信息

Visual Studio WebHook 隧道功能展示

然后就会提示创建成功

F5开始执行之后,会出现提示信息(自动弹出网页到游览器)

Visual Studio WebHook 隧道功能展示

然后,可以复制 https://44m0mk3k-5054.asse.devtunnels.ms/ 地址给需要分享的人,对方点击 1,继续按钮,就看到网站的内容了。

Visual Studio WebHook 隧道功能展示

看那这个效果,还是很不错。

增加点关键词

Visual Studio WebHook 隧道功能展示

总结

Visual Studio 里还有很多我们不知道的好功能,比如Live Share功能等,要多多挖掘新的姿势,效率杠杠的。

记得关注公众号呦,感谢支持,您的支持就是我的动力!