J & J - 정성태의 닷넷 이야기

사용자

메뉴

최근 덧글

[정성태] 그냥 RSS Reader 기능과 약간의 UI 편의성 때문에 사용...[이종효] 오래된 소프트웨어는 보안 위협이 되기도 합니다. 혹시 어떤 기능...[정성태] @Keystroke IEEE의 문서를 소개해 주시다니... +_...[손민수 (Keystroke)] 괜히 듀얼채널 구성할 때 한번에 같은 제품 사라고 하는 것이 아...[정성태] 전각(Full-width)/반각(Half-width) 기능을 토...[정성태] Vector에 대한 내용은 없습니다. Vector가 닷넷 BCL...[orion] 글 읽고 찾아보니 디자인 타임에는 InitializeCompon...[orion] 연휴 전에 재현 프로젝트 올리자 생각해 놓고 여의치 않아서 못 ...[정성태] 아래의 글에 정리했으니 참고하세요. C# - Typed D...[정성태] 간단한 재현 프로젝트라도 있을까요? 저런 식으로 설명만 해...

글쓰기

제목

이름

암호

전자우편

HTML

홈페이지

유형

내용

<div style='display: inline'>
<h1 style='font-family: Malgun Gothic, Consolas; font-size: 20pt; color: #006699; text-align: center; font-weight: bold'>Visual Studio 17.5 (Preview 2) - 포트 터널링을 이용한 웹 응용 프로그램의 외부 접근 허용</h1>

2023-02-22: 17.5 버전이 정식으로 릴리스되었습니다. 
 
<hr style='width: 50%' /> 
 
관련해서 줄줄이 소식이 나오고 있군요. ^^ 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
Use Visual Studio Port Tunneling to handle Twilio Webhooks
; <a target='tab' href='https://www.twilio.com/blog/use-visual-studio-port-tunneling-with-twilio-webhooks'>https://www.twilio.com/blog/use-visual-studio-port-tunneling-with-twilio-webhooks</a>

Public preview of dev tunnels in Visual Studio for ASP.NET Core projects 3
; <a target='tab' href='https://devblogs.microsoft.com/visualstudio/public-preview-of-dev-tunnels-in-visual-studio-for-asp-net-core-projects/'>https://devblogs.microsoft.com/visualstudio/public-preview-of-dev-tunnels-in-visual-studio-for-asp-net-core-projects/</a>

Dev tunnels in Visual Studio for ASP.NET Core projects
; <a target='tab' href='https://devblogs.microsoft.com/visualstudio/dev-tunnels-in-visual-studio-for-asp-net-core-projects/'>https://devblogs.microsoft.com/visualstudio/dev-tunnels-in-visual-studio-for-asp-net-core-projects/</a>
</pre>
 
현재 17.5 preview 2에만 포함되었고, 명시적으로 활성화시켜야 하는 옵션(Enable dev tunnels for Web Applications)입니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='vs_tunnel_1.png' src='/SysWebRes/bbs/vs_tunnel_1.png' /> 
 
이후 간단하게 Web Application (ASP.NET Core Web App)을 하나 만들고, 프로젝트 시작 유형을 "Dev <a target='tab' href='https://www.sysnet.pe.kr/2/0/118'>Tunnels</a>" 메뉴를 이용해 "Create A Tunnel..."을 선택합니다. 그럼 다음과 같이 Microsoft Account 인증과 함께 터널링 관련 정보를 선택하는 창이 뜹니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='vs_tunnel_2.png' src='/SysWebRes/bbs/vs_tunnel_2.png' /> 
 
Name은 비주얼 스튜디오 툴바에 위치한 시작 유형 메뉴의 이름으로 제공되는 것이므로 가볍게 입력하시면 됩니다. 그 외, Tunnel Type은 "Temporary"와, "Persistent"가 제공되고, Access 유형은 "Private", "Organizational", "Public"을 선택할 수 있습니다. 이 글에서는 간단하게 다음의 설정으로 생성하겠습니다. 
 
<pre style='margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background-color: #fbedbb; overflow: auto; font-family: Consolas, Verdana;' >
Name: mytunnel
Tunnel Type: Temporary
Access: Public
</pre>
 
이제, 기존 Web Application 프로젝트를 F5 키로 시작하면 첫 화면이 터널링된 주소로 접근하는 페이지로 바뀝니다. 
 
<img onclick='toggle_img(this)' class='imgView' alt='vs_tunnel_3.png' src='/SysWebRes/bbs/vs_tunnel_3.png' /> 
 
"CONTINUE" 버튼을 누르면 이후의 동작 과정은 일반적인 웹 애플리케이션의 실행을 따릅니다. (위의 화면은 개발자 컴퓨터에서 한 번만 뜨고, 이후로는 곧바로 아래의 화면부터 보여줍니다.) 
 
<img onclick='toggle_img(this)' class='imgView' alt='vs_tunnel_4.png' src='/SysWebRes/bbs/vs_tunnel_4.png' /> 
 
또한, 해당 URL(위의 이미지에서는 "<a target='tab' href='https://7vhxqtlv-5131.asse.devtunnels.ms/'>https://7vhxqtlv-5131.asse.devtunnels.ms/</a>")을 다른 컴퓨터, 심지어 외부 네트워크에 있는 컴퓨터에서도 접근할 수 있다는 차이점이 있습니다. 
 
참고로, 프로세스 내의 "VS_TUNNEL_URL"로도 URL 주소가 설정되므로 코드를 통해 알아내는 것도 가능합니다. 
 
<hr style='width: 50%' /> 
 
사실, 개발자 PC에서 Visual Studio로 실행한 웹 애플리케이션을 다른 PC에서 접근할 수 있는 것이 크게 의미 있는 경우는 거의 없습니다. 단지, 최근 들어 callbacck 유형으로 web hook을 구현해야 하는 경우에는 제법 유용하게 쓸 수 있습니다. 실제로 "<a target='tab' href='https://www.twilio.com/blog/use-visual-studio-port-tunneling-with-twilio-webhooks'>Use Visual Studio Port Tunneling to handle Twilio Webhooks</a>" 글은 그런 사례를 보여줍니다. 
 
암튼, 점점 더 개발 환경은 편리해져 가는군요. ^^

<hr />[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]

</div>

첨부파일

스팸 방지용 인증 번호

1489 (왼쪽의 숫자를 입력해야 합니다.)