공부메모 & 오류해결/Infra

[Linux] ngrok 설치하기

남건욱 2024. 5. 17. 13:05

목차

    반응형

    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에 걸어둔 페이지로 이동하면 성공이다.

    반응형
    프로필사진

    남건욱's 공부기록