박주니 개발 정리

WSL 환경에서 Docker 애플리케이션 Ngrok 우회 설정 방법 본문

회고

WSL 환경에서 Docker 애플리케이션 Ngrok 우회 설정 방법

박주니 2025. 1. 29. 11:58
반응형

 

docker ps

https://junhee6773.tistory.com/entry/WSL-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-Docker-%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EC%84%A4%EC%A0%95-%EB%B0%A9%EB%B2%95

 

WSL 환경에서 Docker 애플리케이션 설정 방법

시작전 wsl 환경에서 docker 환경 설정하는 방법을 설정하지 않았다면 하단 링크 참고하시길 바랍니다. https://junhee6773.tistory.com/entry/wsl-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-docker-%ED%99%98%EA%B2%BD-%EC%85%8B%ED%8C%

junhee6773.tistory.com

먼저 WSL 환경에서 Docker 애플리케이션 local 3000포트까지는 정상적으로 실행되어야합니다. 

 

Ngrok 설치 

1. WSL 환경에서 Ngrok를 설치합니다. 

wget https://bin.equinox.io/c/bNyj1mQVY4c/ngrok-v3-stable-linux-amd64.tgz
tar -xvzf ngrok-v3-stable-linux-amd64.tgz
sudo mv ngrok /usr/local/bin

2. Ngrok를 설치하고 version을 확인합니다. 

ngrok version

3. Ngrok token을 추가합니다. 

https://ngrok.com/

 

ngrok | API Gateway, IoT Device Gateway, Secure Tunnels for Containers, Apps & APIs

ngrok is a secure ingress platform that enables developers to add global server load balancing, reverse proxy, firewall, API gateway and Kubernetes Ingress to applications and APIs.

ngrok.com

상세 설명 

1. 사이트 가입하시고 사이드 메뉴에서 Your Authotoken을 클릭합니다.

2. Your Authtoken에서 우측 Copy 버튼을 눌러서 token을 저장합니다. 

3. 그 token을 YOUR_AUTH_TOKEN을 대입하고 그대로 Ngrok Token을 추가합니다. 

ngrok config add-authtoken <YOUR_AUTH_TOKEN>

4. ngrok를 실행하고 Forwarding에 있는 주소를 실행합니다. 

ngrok http 3000

추가 설명

Visit Site 버튼을 클릭해서 정상적으로 로컬호스트 3000포트 설정한 것을 publick url이 정상적으로 나오는 지 확인합니다.

 

ngrok 종료

pkill ngrok

Docker 종료 

docker stop <CONTAINER ID>

 

반응형
Comments