개발 터널 만들기 및 호스트

  • 아티클

개발자 터널은 인터넷에 대한 localhost를 안전하게 열고 액세스 권한이 있는 사용자를 제어하는 강력한 도구이므로 거의 모든 위치에서 웹앱 및 웹후크를 쉽게 테스트하고 디버그할 수 있습니다. 몇 초 만에 첫 번째 개발 터널을 만들고 호스트하고 연결합니다.

이 빠른 시작에서는 첫 번째 개발 터널을 몇 초 안에 만들고 호스트하고 연결하는 방법을 알아봅니다.

설치

개발 터널을 만들기 전에 먼저 운영 체제에 해당하는 CLI(명령줄 인터페이스) 도구를 다운로드하여 설치 devtunnel 해야 합니다.

Windows 패키지 관리자(winget)

Windows용 Microsoft의 패키지 관리자인 winget을 사용하여 CLI를 devtunnel 설치하고 업데이트할 수 있습니다.

winget install Microsoft.devtunnel

이 명령은 기본적으로 최신 버전을 설치하고 동일한 위치(%LOCALAPPDATA%\Microsoft\WinGet\Packages)에서 이전 버전을 제거합니다. 버전을 지정하려면 원하는 버전을 명령에 추가 --version <version_number> 합니다.

winget upgrade Microsoft.devtunnel

PowerShell 스크립트

PowerShell을 devtunnel 사용하여 다음 명령을 실행하여 CLI를 설치할 수도 있습니다.

Invoke-WebRequest -Uri https://aka.ms/TunnelsCliDownload/win-x64 -OutFile devtunnel.exe
.\devtunnel.exe -h

직접 다운로드 링크:

Windows(x64) - https://aka.ms/TunnelsCliDownload/win-x64

다음 대신 ./devtunnel명령을 실행합니다.devtunnel

  1. Windows 키를 누르고 '환경 변수'를 입력합니다.
  2. '시스템 환경 변수 편집' 옵션을 선택합니다.
  3. '환경 변수...'를 선택합니다. 단추.
  4. '시스템 변수' 테이블에 'PATH' 변수를 찾아서 선택하는 두 개의 테이블이 표시됩니다.
  5. '편집...' 단추를 선택합니다.
  6. 창이 팝업됩니다. '새로 만들기' 단추를 선택합니다.
  7. devtunnel.exe 파일의 디렉터리 경로를 입력합니다(디렉터리에서는 경로에서 파일 이름을 제외합니다.)
  8. 디렉터리 문자열을 찾으려면 PowerShell 또는 터미널에서 디렉터리로 이동하여 'pwd'를 입력하면 됩니다.
  9. 열려 있는 모든 창에서 '확인'을 선택하고 명령 프롬프트를 다시 시작합니다.

로그인

개발 터널을 시작하려면 먼저 Microsoft Entra ID, Microsoft 또는 GitHub 계정으로 로그인해야 합니다. 개발 터널은 익명으로 터널 호스팅을 지원하지 않습니다. 자세한 내용은 CLI 명령 참조 설명서를 참조하세요.

devtunnel user login

Host

로그인하면 명령을 사용하여 개발 터널 호스팅을 host 시작할 수 있습니다. 아래 예제에서 개발 터널 다음을 수행합니다.

  • 포트 8080 에서 전송된 요청을 에코하는 로컬 서버를 실행합니다.
  • 인터넷에 액세스할 수 있는 로컬 포트 8080 에 대한 개발 터널을 호스트합니다.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

성공한 host 명령은 다음 예제와 유사한 항목을 콘솔에 출력합니다.

Connecting to host tunnel relay wss://usw2-data.rel.tunnels.api.visualstudio.com/api/v1/Host/Connect/<tunnel_id>
Hosting port 8080 at https://<tunnel_id>.usw2.devtunnels.ms:8080/, https://<tunnel_id>-8080.usw2.devtunnels.ms/ and inspect it at https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/
Ready to accept connections for tunnel: <tunnel_id>

인쇄된 텍스트에는 다음이 포함됩니다.

  • tunnel_id - 개발 터널의 ID입니다.
  • 공용 URL - 이 예제에서 개발 터널 https://<tunnel_id>.usw2.devtunnels.ms:8080/ 에 액세스하는 데 사용할 수 있는 URL입니다.
  • URL 검사 - 이 예제에서 개발 터널을 통해 전송된 트래픽을 검사하는 데 사용할 수 있는 https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ URL입니다.

연결

개발 터널에 연결하려면 다음을 수행해야 합니다.

  1. 웹 브라우저에서 이 URL을 방문합니다.
  2. 개발 터널을 호스트하는 데 사용한 것과 동일한 계정을 사용하여 로그인합니다. 기본적으로 개발 터널 사용자에게만 액세스할 수 있습니다.

축하합니다! 이제 인터넷을 통해 로컬 서비스에 액세스할 수 있습니다.

다음 단계