Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일
 
(연관된 글이 2개 있습니다.)

Visual Studio 17.5 (Preview 2) - 포트 터널링을 이용한 웹 응용 프로그램의 외부 접근 허용

2023-02-22: 17.5 버전이 정식으로 릴리스되었습니다.




관련해서 줄줄이 소식이 나오고 있군요. ^^

Use Visual Studio Port Tunneling to handle Twilio Webhooks
; https://www.twilio.com/blog/use-visual-studio-port-tunneling-with-twilio-webhooks

Public preview of dev tunnels in Visual Studio for ASP.NET Core projects 3
; https://devblogs.microsoft.com/visualstudio/public-preview-of-dev-tunnels-in-visual-studio-for-asp-net-core-projects/

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/

현재 17.5 preview 2에만 포함되었고, 명시적으로 활성화시켜야 하는 옵션(Enable dev tunnels for Web Applications)입니다.

vs_tunnel_1.png

이후 간단하게 Web Application (ASP.NET Core Web App)을 하나 만들고, 프로젝트 시작 유형을 "Dev Tunnels" 메뉴를 이용해 "Create A Tunnel..."을 선택합니다. 그럼 다음과 같이 Microsoft Account 인증과 함께 터널링 관련 정보를 선택하는 창이 뜹니다.

vs_tunnel_2.png

Name은 비주얼 스튜디오 툴바에 위치한 시작 유형 메뉴의 이름으로 제공되는 것이므로 가볍게 입력하시면 됩니다. 그 외, Tunnel Type은 "Temporary"와, "Persistent"가 제공되고, Access 유형은 "Private", "Organizational", "Public"을 선택할 수 있습니다. 이 글에서는 간단하게 다음의 설정으로 생성하겠습니다.

Name: mytunnel
Tunnel Type: Temporary
Access: Public

이제, 기존 Web Application 프로젝트를 F5 키로 시작하면 첫 화면이 터널링된 주소로 접근하는 페이지로 바뀝니다.

vs_tunnel_3.png

"CONTINUE" 버튼을 누르면 이후의 동작 과정은 일반적인 웹 애플리케이션의 실행을 따릅니다. (위의 화면은 개발자 컴퓨터에서 한 번만 뜨고, 이후로는 곧바로 아래의 화면부터 보여줍니다.)

vs_tunnel_4.png

또한, 해당 URL(위의 이미지에서는 "https://7vhxqtlv-5131.asse.devtunnels.ms/")을 다른 컴퓨터, 심지어 외부 네트워크에 있는 컴퓨터에서도 접근할 수 있다는 차이점이 있습니다.

참고로, 프로세스 내의 "VS_TUNNEL_URL"로도 URL 주소가 설정되므로 코드를 통해 알아내는 것도 가능합니다.




사실, 개발자 PC에서 Visual Studio로 실행한 웹 애플리케이션을 다른 PC에서 접근할 수 있는 것이 크게 의미 있는 경우는 거의 없습니다. 단지, 최근 들어 callbacck 유형으로 web hook을 구현해야 하는 경우에는 제법 유용하게 쓸 수 있습니다. 실제로 "Use Visual Studio Port Tunneling to handle Twilio Webhooks" 글은 그런 사례를 보여줍니다.

암튼, 점점 더 개발 환경은 편리해져 가는군요. ^^





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

[연관 글]






[최초 등록일: ]
[최종 수정일: 2/22/2023]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 31  32  33  34  35  36  37  38  39  40  41  42  43  [44]  45  ...
NoWriterDateCnt.TitleFile(s)
12552정성태3/5/20218777개발 환경 구성: 547. github workflow/actions에서 Visual Studio Marketplace 패키지 등록하는 방법
12551정성태3/5/20217665오류 유형: 702. 비주얼 스튜디오 - The 'CascadePackage' package did not load correctly. (2)
12550정성태3/5/20217350오류 유형: 701. Live Share 1.0.3713.0 버전을 1.0.3884.0으로 업데이트 이후 ContactServiceModelPackage 오류 발생하는 문제
12549정성태3/4/20217909오류 유형: 700. VsixPublisher를 이용한 등록 시 다양한 오류 유형 해결책
12548정성태3/4/20218736개발 환경 구성: 546. github workflow/actions에서 nuget 패키지 등록하는 방법
12547정성태3/3/20219169오류 유형: 699. 비주얼 스튜디오 - The 'CascadePackage' package did not load correctly.
12546정성태3/3/20218803개발 환경 구성: 545. github workflow/actions에서 빌드시 snk 파일 다루는 방법 - Encrypted secrets
12545정성태3/2/202111570.NET Framework: 1026. 닷넷 5에 추가된 POH (Pinned Object Heap) [10]
12544정성태2/26/202111793.NET Framework: 1025. C# - Control의 Invalidate, Update, Refresh 차이점 [2]
12543정성태2/26/202110097VS.NET IDE: 158. C# - 디자인 타임(design-time)과 런타임(runtime)의 코드 실행 구분
12542정성태2/20/202112434개발 환경 구성: 544. github repo의 Release 활성화 및 Actions를 이용한 자동화 방법 [1]
12541정성태2/18/20219697개발 환경 구성: 543. 애저듣보잡 - Github Workflow/Actions 소개
12540정성태2/17/202110034.NET Framework: 1024. C# - Win32 API에 대한 P/Invoke를 대신하는 Microsoft.Windows.CsWin32 패키지
12539정성태2/16/20219923Windows: 189. WM_TIMER의 동작 방식 개요파일 다운로드1
12538정성태2/15/202110327.NET Framework: 1023. C# - GC 힙이 아닌 Native 힙에 인스턴스 생성 - 0SuperComicLib.LowLevel 라이브러리 소개 [2]
12537정성태2/11/202111391.NET Framework: 1022. UI 요소의 접근은 반드시 그 UI를 만든 스레드에서! - 두 번째 이야기 [2]
12536정성태2/9/202110352개발 환경 구성: 542. BDP(Bandwidth-delay product)와 TCP Receive Window
12535정성태2/9/20219505개발 환경 구성: 541. Wireshark로 확인하는 LSO(Large Send Offload), RSC(Receive Segment Coalescing) 옵션
12534정성태2/8/20219993개발 환경 구성: 540. Wireshark + C/C++로 확인하는 TCP 연결에서의 closesocket 동작 [1]파일 다운로드1
12533정성태2/8/20219688개발 환경 구성: 539. Wireshark + C/C++로 확인하는 TCP 연결에서의 shutdown 동작파일 다운로드1
12532정성태2/6/202110215개발 환경 구성: 538. Wireshark + C#으로 확인하는 ReceiveBufferSize(SO_RCVBUF), SendBufferSize(SO_SNDBUF) [3]
12531정성태2/5/20219190개발 환경 구성: 537. Wireshark + C#으로 확인하는 PSH flag와 Nagle 알고리듬파일 다운로드1
12530정성태2/4/202113409개발 환경 구성: 536. Wireshark + C#으로 확인하는 TCP 통신의 Receive Window
12529정성태2/4/202110412개발 환경 구성: 535. Wireshark + C#으로 확인하는 TCP 통신의 MIN RTO [1]
12528정성태2/1/20219802개발 환경 구성: 534. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 윈도우 환경
12527정성태2/1/202110008개발 환경 구성: 533. Wireshark + C#으로 확인하는 TCP 통신의 MSS(Maximum Segment Size) - 리눅스 환경파일 다운로드1
... 31  32  33  34  35  36  37  38  39  40  41  42  43  [44]  45  ...