로컬 서버의 프로토타입 결과물을 사용자가 테스트를 진행해야할 일이 생길 것 같아 셋팅 방법을 알아보던 중 공수가 제일 적게들면서 터널링을 지원해주는 ngrok을 적용하게 되었다.
이를 사용해서 로컬의 서버를 안전하게 외부에 공개하는 방법에 대해 소개해보려 합니다.
ngrok 주소
https://ngrok.com/
해당 주소로 접속하면 다음과 같은 화면이 나온다.
회원가입을 진행 후 로그인을 하면 다음 화면이 출력된다.
brew install ngrok/ngrok/ngrok
MacOS 유저는 보통 Homebrew를 사용하기 때문에 brew 명령어를 통해 ngrok을 설치해준다.
ngrok을 설치했다면, 로컬 서버를 실행 후 실행한 포트번호와 ngrok 명령어를 통해 포트포워딩을 해준다.
ngrok http [포트번호]
이 순서로 진행을 했다면 오류가 발생했을 것이다.
ngrok 페이지에서 Your Authtoken에서 토큰을 인증하는 명령어를 실행해야한다.
ngrok config add-authtoken ######
인증이 끝났다면 이제 다시 포트포워딩을 해보자. 정상적으로 진행될 것이다.
정상적으로 실행되었다면 다음화면이 나올 것이다.
Forwarding 라인의 첫번째 url (https://~~~~~.ngrok-free.app) 해당 주소를 다른 환경에서 접속하면 아래 화면이 나오게 되고, Visit Site를 통해 접속하면 프로젝트 화면이 출력된다.
무료에다 아주 쉽게 사용할 수 있는 개발도구라 로컬 프로젝트를 공유할 일이 있다면 자주 사용하게 될 것 같다.
