본문 바로가기
개발

ngrok 설치와 사용하는 방법

by 라이프_디자이너 2023. 7. 3.
반응형

ngrok 설치와 사용하는 방법

 

ngrok으로 서버 비용 없이 개발해보세요! ngrok은 내 노트북이나 컴퓨터를 손쉽게 인터넷에서 접속할 수 있도록 도와주는 무료 설루션, 프로그램입니다. 유료 플랜도 있지만, 개발용 도로는 번거로운 서버 호스팅과 도메인 구매도 필요 없습니다. 

 

매번 개발할 때 공인 IP가 필요해서 도메인이나 AWS,닷홈,카페24 같은 호스팅 업체를 사용했었는데 ngrok을 통해 아주 간편하고 쉽게 해결했습니다. ngrok 설치와 사용하는 방법 바로 보시죠!

 

ngrok 다운로드 및 설치

 

설치는 간단합니다. ngrok 공식 사이트에서 압축파일을 다운로드 받으시면 됩니다. 여기서는 윈도 기준으로 설명드립니다. 우선 아래 링크에 가서 운영체제에 맞는 압축파일을 다운로드합니다. 그러면 아래와 같이 exe 파일이 덜렁 하나 있습니다. 이것으로 설치가 끝입니다.

 

https://ngrok.com/download

 

ngrok - download

Install ngrok via Homebrew $ brew install ngrok/ngrok/ngrok Download ZIP file Intel (AMD64) Apple Silicon (ARM64) Then unzip ngrok from the terminal $ Install ngrok via Chocolatey $ choco install ngrok Download ZIP file Windows (64-bit) Windows (32-bit) Do

ngrok.com

ngrok 압축파일

 

ngrok 사용하기

 

이제 명령 프롬프트 창(윈도우 키 + R > cmd 입력)을 열고 위에서 다운로드하여서 압축해제한 위치로 이동한 다음, 아래 명령어를 입력하면 되는데... ngrok 사이트에서 회원가입을 하셔야만 토큰 값을 받을 수 있습니다!

 

회원 가입을 하시면 대시보드가 나오는데 왼쪽 메뉴에 Your Authtoken 메뉴를 누르시면 토큰 값이 나옵니다. 그걸 입력하시면 됩니다. 아래 그림을 참고하세요!

Your Authtoken

ngrok config add-authtoken <토큰 값>

ngrok 토큰 값

 

명령 프롬프트 창에서 아래와 같이 입력하여 실행시킵니다. 그러면 아래와 같이 ngrok에서 알아서 도메인을 만들어 주고, 해당 주소로 접속하면 http://localhost:8888로 연결해 준다는 내용이 나옵니다. 저는 ngrok.exe http 8888를 입력하여 http://localhost:8888로 나오는 것입니다.

ngrok.exe http <Port>

 

ngrok 접속 테스트!

 

ngrok에서 만들어준 도메인에서 localhost:8888로 연결해 주는데 웹사이트가 보이려면 8888 포트로 웹사이트가 실행 중이어야 원하는 결과를 볼 수 있습니다. 그래서, 파이썬 Flask를 활용해 아래 코드를 간단하게 실행시키면 ngrok에서 만들어준 도메인을 접속하면 Flask 화면이 나오게 됩니다! 이렇게 내 PC를 바로 서버로 활용할 수 있습니다.

from flask import Flask

app = Flask(__name__)

@app.route('/')
def hello_world():
    print('Success!')
    return 'Hello World!'

if __name__ == '__main__':
    app.run(port=8888, debug=True)

ngrok 접속 테스트

반응형

댓글