반응형

ngrok 설정

Ngrok은 로컬 개발 환경에서 인터넷을 통해 웹 애플리케이션에 안전하게 접근할 수 있도록 해주는 도구이다. 보안 연결을 통해 인터넷에서 서버를 실행할 수 있으며, 웹 애플리케이션을 외부에 노출시키지 않고도 테스트할 수 있다.

 

 

이걸 사용하는 이유는 webhook을 사용해 테스트할 때 localhost, 127.0.0.1 같은 루프백 아이피를 사용할 수 없다. 때문에 Ngrok을 통해 테스트해 준다.

 

 

wget https://bin.equinox.io/c/bNyj1mQVY4c/ngrok-v3-stable-linux-amd64.zip

다음 명령어로 우분투에서 ngrok을 다운로드하여준다.

 

 

 

unzip ngrok-v3-stable-linux-amd64.zip

다음 명령어로 압축을 풀어준다.

 

 

 

sudo apt-get update
sudo apt-get install unzip

만약 unzip이 설치가 안되어있다면 위 명령어로 설치해 준다.

 

 

 

sudo mv ngrok /usr/local/bin/ngrok
sudo chmod +x /usr/local/bin/ngrok

그 뒤 ngrok의 경로를 이동하고 +x (실행권한)을 부여해 준다.

 

 

 

ngrok http 8180

그 뒤 위 명령어를 치면 ngrok이 실행된다. (본인이 설정한 포트 입력)

 

 

 

실행하게 되면 위와 같은 화면이 뜬다. 정상적으로 작동하는 모습이다.

 

 

 

 

할당받은 주소창을 입력해 보면 이런 화면이 뜬다.

원래는 localhost:8180에 연결되어야 하기 때문에 Jenkins가 떠야 하지만 무슨 이유인지 뜨지 않는다.

화면 하단을 읽어보면 ngrok-skip-browser-warning에 원하는 값을 넣고 요청하라고 한다.

 

 

 

 

편하게 다음 크롬 프로그램을 설치해서 사용한다.

 

 

 

 

설치 후 클릭하면 이 화면이 뜬다. +Mod 클릭

 

 

 

 

Request header 클릭

 

 

 

 

Name에 ngrok-skip-browser-warning을 입력해 주고 값은 아무 값이나 입력해 주면 된다. 

 

 

 

 

그 뒤 다시 할당받은 ngrok주소로 들어가게 되면 기존 localhost:8180에 걸어둔 페이지로 이동하면 성공이다.

반응형

+ Recent posts