Retool을 통해 관리자 페이지를 개발하던 중에 문제가 생겼다.
관리자 페이지에서 서버 REST API를 호출하는 동작이 여러개 있었는데, 이를 로컬 환경에서 테스트 할 수가 없었다.
처음에 Retool에서 로컬 서버를 호출하기 위해 다음과 같이 API URL을 작성했다.
http://localhost:8080/api/retool/...그리고 당연하게 이는 올바르게 작동하지 않았다.
Retool의 localhost는 내 로컬이 아닌 Retool 서버의 로컬이기 때문이다.
그래서 나는 내 PC의 localhost 포워딩 서비스를 통해 외부에서 접속할 수 있도록 Ngrok을 사용했다.
1. ngrok 설치
npm을 이용하여 ngrok을 설치한다.
$ npm install -g ngrok2. ngrok 실행
이후 다음 명령어를 통해 포워딩할 포트 번호와 함께 ngrok을 실행시킨다.
$ ngrok http 접속포트3. 실행 결과
다음과 같이 실행 결과를 확인할 수 있다.
이후에 실행 결과 화면에서 Forwarding 부분에 적혀있는 EndPoint를 통해서 Retool에서도 나의 로컬 서버에 접근할 수 있다.
포워딩 서비스는 여러개 있지만 ngrok의 좋은 점은 실시간으로 HTTP Request를 확인할 수 있다는 점이다.
현재 서버를 꺼놓아서 502 Bad Gateway 에러가 발생했다.
Just Do it!