[Tip] 외부에서 로컬호스트 접근하기 (feat. Ngrok)

 

 

개발을 하다 보면 로컬에서 실행 중인 웹 애플리케이션을 외부와 공유해야 할 때가 있습니다. 예를 들어, 동료 개발자와 협업하거나 클라이언트에게 작업 결과물을 빠르게 보여줄 때 유용하죠. 이때 Ngrok을 사용하면 손쉽게 로컬 서버를 안전한 URL로 노출할 수 있습니다. 이번 포스팅에서는 Ngrok을 이용하여 로컬 웹 서버를 외부에서 접근할 수 있도록 설정하는 방법을 알아보겠습니다.

 

1. Ngrok이란?

Ngrok은 로컬에서 실행 중인 애플리케이션에 대한 안전한 터널을 생성하여 전 세계 어디서나 접근할 수 있는 URL을 제공합니다. 이를 통해 HTTP, HTTPS, TCP 같은 프로토콜을 지원하며, 빠르고 간편하게 로컬 서버를 외부에 노출할 수 있습니다.

 

2. Ngrok 설치 및 설정

1) Ngrok 설치하기

brew install ngrok/ngrok/ngrok

 

2) Ngrok 웹사이트에서 로그인 후 대시보드에서 Authtoken을 확인합니다.

https://dashboard.ngrok.com/get-started/your-authtoken

 

3) 터미널에서 다음 명령어를 입력하여 토큰을 인증합니다.

ngrok authtoken <your-authtoken>

 

3. Ngrok 실행

로컬 서버가 실행 중인 포트를 Ngrok에 지정하여 터널을 생성합니다.

ngrok http 3333

 

4. Ngrok 대시보드

Ngrok은 로컬 대시보드를 통해 터널 상태와 요청 로그를 확인할 수 있습니다. 기본적으로 http://127.0.0.1:4040에서 접속할 수 있으며, 웹 인터페이스를 통해 다음과 같은 작업을 할 수 있습니다:

• 실시간 요청/응답 로그 확인
• 상태 모니터링
• 터널 설정 관리

 

5. Ngrok 유의사항

1. 보안: 외부에 노출된 터널은 인증되지 않은 사용자도 접근할 수 있으므로, 중요한 데이터나 민감한 작업을 테스트할 때는 주의가 필요합니다.
2. 무료 계정의 제한: 무료 계정의 경우, 터널 URL이 임시로 제공되며, 일정 시간이 지나면 만료될 수 있습니다. 더 많은 기능과 안정적인 URL을 원한다면 유료 계정을 사용할 수 있습니다.
3. 포트 번호: Ngrok은 지정된 포트에서만 작동하므로, 로컬 서버의 포트와 Ngrok 명령어에서 지정한 포트가 일치하는지 확인해야 합니다.

 

 

이렇게 Ngrok을 통해 로컬 개발 환경을 외부에서 간편하게 테스트하고 공유할 수 있습니다. Ngrok은 개발자에게 강력한 도구이며, 외부 접근이 필요한 다양한 상황에서 효율적입니다.