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

비밀번호

댓글 작성자
 




... [106]  107  108  109  110  111  112  113  114  115  116  117  118  119  120  ...
NoWriterDateCnt.TitleFile(s)
11307정성태9/13/201723399오류 유형: 421. System.Runtime.InteropServices.SEHException - 0x80004005
11306정성태9/12/201721552.NET Framework: 682. 아웃룩 사용자를 위한 중국어 스팸 필터 Add-in
11305정성태9/12/201723039개발 환경 구성: 334. 기존 프로젝트를 Visual Studio를 이용해 Github의 신규 생성된 repo에 올리는 방법 [1]
11304정성태9/11/201719978개발 환경 구성: 333. 3ds Max를 Hyper-V VM에서 실행하는 방법
11303정성태9/11/201723517개발 환경 구성: 332. Inno Setup 파일의 관리자 권한을 제거하는 방법
11302정성태9/11/201719354개발 환경 구성: 331. SQL Server Express를 위한 방화벽 설정
11301정성태9/11/201717639오류 유형: 420. SQL Server Express 연결 오류 - A network-related or instance-specific error occurred while establishing a connection to SQL Server.
11300정성태9/10/201722399.NET Framework: 681. dotnet.exe - run, exec, build, restore, publish 차이점 [3]
11299정성태9/9/201721105개발 환경 구성: 330. Hyper-V VM의 Internal Network를 Private 유형으로 만드는 방법
11298정성태9/8/201724602VC++: 119. EnumProcesses / EnumProcessModules API 사용 시 주의점 [1]
11297정성태9/8/201721197디버깅 기술: 96. windbg - 풀 덤프에 포함된 모든 닷넷 모듈을 파일로 저장하는 방법
11296정성태9/8/201723989웹: 36. Edge - "이 웹 사이트는 이전 기술에서 실행되며 Internet Explorer에서만 작동합니다." 끄는 방법
11295정성태9/7/201721831디버깅 기술: 95. Windbg - .foreach 사용법
11294정성태9/4/201721434개발 환경 구성: 329. 마이크로소프트의 CoreCLR 프로파일러 예제 빌드 방법 [1]
11293정성태9/4/201722095개발 환경 구성: 328. Visual Studio(devenv.exe)를 배치 파일(.bat)을 통해 실행하는 방법
11292정성태9/4/201720252오류 유형: 419. Cannot connect to WMI provider - Invalid class [0x80041010]
11291정성태9/3/201721503개발 환경 구성: 327. 아파치 서버 2.4를 위한 mod_aspdotnet 마이그레이션
11290정성태9/3/201725297개발 환경 구성: 326. 아파치 서버에서 ASP.NET을 실행하는 mod_aspdotnet 모듈 [2]
11289정성태9/3/201722984개발 환경 구성: 325. GAC에 어셈블리 등록을 위해 gacutil.exe을 사용하는 경우 주의 사항
11288정성태9/3/201719672개발 환경 구성: 324. 윈도우용 XAMPP의 아파치 서버 구성 방법
11287정성태9/1/201728724.NET Framework: 680. C# - 작업자(Worker) 스레드와 UI 스레드 [11]
11286정성태8/28/201716256기타: 67. App Privacy Policy
11285정성태8/28/201724777.NET Framework: 679. C# - 개인 키 보안의 SFTP를 이용한 파일 업로드파일 다운로드1
11284정성태8/27/201722993.NET Framework: 678. 데스크톱 윈도우 응용 프로그램에서 UWP 라이브러리를 이용한 비디오 장치 열람하는 방법 [1]파일 다운로드1
11283정성태8/27/201718634오류 유형: 418. CSS3117: @font-face failed cross-origin request. Resource access is restricted.
11282정성태8/26/201720358Math: 22. 행렬로 바라보는 피보나치 수열
... [106]  107  108  109  110  111  112  113  114  115  116  117  118  119  120  ...