django ngrok를 이용한 개발서버 모바일로 접속하기

ngrok을 사용하는 이유

 

웹 사이트 혹은 api를 개발할 때 대부분이 localhost에서 실행 및 테스트를 진행한다.

 

하지만 ngrok를 사용하면 꼭 서버를 돌리고 있는 컴퓨터 이외에도 외부에서 사용할 수 있다.

 

그로 인해 좋은 점은 app을 만들며 localhost의 api를 호출 할수도 있고

 

웹사이트는 모바일 환경에서의 테스트를 진행할수 있게 되는 것이다.

 

 

mac에 ngrok 설치하기

brew cask install ngrok

 

mac의 터미널을 실행시켜 해당 명령어를 이용해 ngrok를 설치합니다.

 

 

django 설정

ALLOWED_HOSTS = ['*']

 

ALLOWED_HOSTS의 설정을 '*'로 설정해줍니다.

 

이로 인해 모든 접속을 허용합니다.

 

서버 실행

python manage.py runserver 8000

 

포트번호를 8000번으로 하여 서버를 실행시켜 줍니다.

 

 

ngrok 실행

ngrok http 8000

 

ngrok를 사용하여 vscode에서 실행한 포트번호 8000을 열어줍니다.

 

 

이제 localhost가 외부 서버로 열렸습니다.

 

외부 서버의 주소는 Forwarding를 확인해보시면 알 수 있습니다.

 

문자열. ngrok.io의 서버를 모바일에서 접속해 보면

 

 

저의 핸드폰으로도 로컬 환경에 붙을 수 있게 되었습니다!