Ngrok 사용법

Ngrok은 외부에서 로컬로 접속할 수 있게 도와주는 터널링 프로그램이다. react 개발 시 create-react-app으로 실행한 애플리케이션을 외부에서 접속할 수 있게 한다. 또한 연결도 https로 가능하다.

Ngrok 설치

Mac에서 설치를 한다.

brew install --cask ngrok

Ngrok 사용법

회원가입

우선 회원가입을 한다. 아래 링크를 통해 회원가입을 하자.

https://dashboard.ngrok.com/signup

토근발행

https://dashboard.ngrok.com/get-started/your-authtoken 으로 접속해서 토큰을 발행받는다.

그리고 발행받은 토큰을 아래 방법으로 추가한다.

ngrok config add-authtoken <token>

터널링

설치가 완료되었으면 터널링을 해본다.

로컬 포트가 8080이라면 아래와 같이 실행한다.

ngrok http 8080

그러면 아래와 같이 외부에서 접속할 주소가 나온다.

Session Status                online                                                                                                                                                          
Account                       rudaks94@gmail.com (Plan: Free)                                                                                                                                 
Version                       3.5.0                                                                                                                                                           
Region                        Japan (jp)                                                                                                                                                      
Latency                       33ms                                                                                                                                                            
Web Interface                 http://127.0.0.1:4040                                                                                                                                           
Forwarding                    https://c040-211-63-24-123.ngrok-free.app -> http://localhost:3000                                                                                              

Connections                   ttl     opn     rt1     rt5     p50     p90                                                                                                                     
                              4       0       0.03    0.01    5.27    8.11                    

위의 주소로 접속하면 로컬의 화면이 표시되는 것을 확인할 수 있다.