[ngrok] 외부 망에서 localhost 접근하기

ngrok는 로컬 PC에서 호스팅한 localhost(127.0.0.1)를 외부 PC에서 접속할 수 있게 도와주는 프로그램이다.

ngrok 설치

https://ngrok.com/download

ngrok - download

이 곳에서 OS에 맞게 다운로드 할 수 있다.

ngrok 사용 방법

Windows를 기준으로, 압축된 .zip 파일을 다운 받으면 실행 파일이 나온다.

이 실행 파일은 터미널에서 열리는데, 여기서 명령어를 입력하여 사용이 가능하다.

예를 들어, 로컬의 8080 포트를 외부와 연결하고자 한다면,

ngrok http 8080

을 입력해준다.

별 문제가 발생하지 않았다면, 아래와 같은 화면을 볼 수 있을 것이다.

ngrok by @inconshreveable                                          (Ctrl+C to quit)

Session Status              online
Session Expires             1 hour, 59 minutes
Version                     3.1.0
Region                      Japan (jp)
Web Interface               http://127.0.0.1:4040
Forwarding                  http://dg917f810676.ngrok.io -> http://localhost:8080
Forwarding                  https://dg917f810676.ngrok.io -> http://localhost:8080

Connections      ttl     opn     rt1     rt5     p50     p90
                  0       0      0.00    0.00    0.00    0.00

세번째 줄을 보면 Session Status가 2시간인 것을 확인할 수 있다.

만약, 2시간 이상을 지속해서 사용하고 싶다면 아래의 과정으로 마무리해주어야 한다.

authtoken 추가하여 만료 시간 없이 사용하기

 

ngrok - secure introspectable tunnels to localhost

 

다운받았던 https://ngrok.com/이나 https://dashboard.ngrok.com/에서 회원가입을 할 수 있다. (github 계정으로도 간편 가입이 가능하다.)

 

Getting Started > Your Authtoken

회원가입 후 대시보드에 들어가 좌측 메뉴에 Getting Started > Your Authtoken 메뉴에 가면 Authtoken을 복사할 수 있다.

(친절하게 Command Line도 Authtoken을 적용하여 복사할 수 있게 해주었다.)

복사한 Command를 터미널에 붙여넣고, 다시

ngrok http 8080

을 입력해주면

 

 

사용자 Account가 적용되어 Session을 무제한으로 사용할 수 있게 된다.

 

참고 자료

[모바일 SW 개발자가 운영하는 블로그 : 외부 망에서 Localhost를 접속하기: ngrok (일부 무료)] https://kibua20.tistory.com/150 

[Outsider's Dev Story : ngrok으로 로컬 네트워크의 터널 열기] https://blog.outsider.ne.kr/1159

[velog @Alissa_Yoon [ngrok] 로컬 개발환경 외부에 공유하기] https://velog.io/@bluearin/Ngrok-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%EA%B0%9C%EB%B0%9C%ED%95%98%EA%B8%B0