ngrok?
웹 개발을 하다보면 로컬에서 개발을 하다 모바일환경에서 보고싶을 때가 있습니다. 내 로컬네트워크 환경을 외부네트워크에서 접속하는 툴을 찾다보니 ngrok을 찾게 되었습니다. ngrok은 로컬호스트(http://localhost:3000)와 로컬네트워크(http://127.0.0.1:3000/)같은 로컬환경을 다른 외부환경에서 접속이 가능합니다.
설치방법
ngrok의 홈페이지에 접속하여 운영체제에 맞는 파일을 다운로드합니다.
다운로드 받은 압축파일을 압축해제합니다.
바탕화면에 ngrok 파일을 옮깁니다.
1 | cd Desktop |
터미널을 실행하여 바탕화면으로 이동합니다.
1 | mv ngrok /usr/local/bin |
ngrok파일을 /usr/local/bin위치로 옮깁니다.
사용방법
1 | ngrok http 5500 |
만약 로컬호스트 5500번 포트를 ngrok을 이용하여 외부접속을 하고싶다면 위 코드를 터미널에서 실행하면 됩니다.
Forwarding 옆 주소를 통해 로컬과 동일한 환경을 외부에서 접속 할 수 있습니다.
위 사진의 빨간 네모와 같이 옆 주소로 외부에서 접근하면 됩니다.
하지만 ngork 무료로 사용하게 되면 동일한 웹 주소를 사용 할 수 없습니다.
그래서 Session Expires에 보이는 것과 같이 8시간정도 사용 할 수 있습니다.
만약 ngork에 띄운 외부 접근 주소를 종료하고 싶다면 Ctrl+C로 터미널을 종료 하면 됩니다.ngork을 종료하면 외부 접근 주소도 자동 삭제되게 됩니다.