ngrok을 쓰게 된 배경.. cafe24 앱 테스트를 해보다가 App URL, Redirect URI을 적어야하는데 로컬 환경(https://localhost:8080)을 적을 수가 없으니 외부에서도 접속할 수 있는 방법을 찾다가 ngrok을 발견! 처음 사용해보았다.
ngrok?
개발 중에 외부에서 https URL을 사용해서 localhost에 접속해야 하는 상황이 있을 것이다. 개발용 로컬 호스트를 외부에서 연결할 수 있도록 ngrok을 사용해보자! Secure tunnels to localhost
설치
-
https://ngrok.com/ 로그인 후 Download for Mac OS 클릭
-
압축을 풀고 ngrok 파일을 terminal로 실행
-
설치 후, 정상적으로 실행하는지 확인
ngrok
-
auth token 등록
ngrok은 기본 세션 유효기간이 8시간이고 그 이후에는 도메인이 변경된다. 이렇게 되면 매우 불편하다. 세션을 제한없이 사용하기 위해 대시보드에서 auth key를 발급받아 사용하면 된다.
ngrok config add-authtoken
-
localhost를 외부에서 접속 가능한 https URL로 생성하기
설치와 authtoken 저장 후 원하는 포트로 ngrok을 실행할 수 있다.
로컬 프로젝트 서버를 실행 시키고, 아래 명령어로 https URL을 생성해준다.ngrok http 8080
- 생성된 https URL 확인
visit site 버튼을 누르면 웹서버의 화면을 확인할 수 있다.
개발자