로컬 웹 개발을 위한 ngrok 설정

컴퓨터에서 실행 중인 로컬 서버를 인터넷에 노출해야 하는 경우가 있습니다. 이는 원격 서버에 배포하기 전에 웹 응용 프로그램을 테스트하는 데 유용할 수 있습니다.

로컬 웹 서버를 인터넷에 노출하기 위한 일반적인 도구인 ngrok를 사용하는 방법을 알아보세요.

로컬 웹 개발에 ngrok 사용

ngrok은 2015년부터 인터넷에서 로컬 웹 서버를 실행하기 위한 터널링 솔루션이었습니다.

ngrok를 사용하면 로컬 서버에 매핑되는 공개 URL을 생성하여 다른 사람들이 전 세계 어디에서나 자신의 작업에 쉽게 액세스할 수 있습니다. 그런 다음 다양한 장치 및 웹 브라우저에서 응용 프로그램을 테스트하고 ngrok의 요청 및 응답 로그를 사용하여 문제를 해결할 수 있습니다.

공용 터널을 다룰 때 보안 문제가 있을 수 있습니다. ngrok는 SSL 암호화로 보안 터널을 지원하므로 민감한 데이터 및 애플리케이션에 안전하게 사용할 수 있습니다. 이러한 모든 기능 덕분에 ngrok은 개인 프로젝트를 진행하거나 다른 사람들과 공동 작업을 하는 개발자에게 유용하고 인기 있는 도구가 되었습니다.

컴퓨터에 ngrok 설치

ngrok의 주요 기능을 시작하는 것은 완전 무료이며 매우 간단합니다. 더 많은 기능을 제공하는 ngrok의 유료 버전이 있지만. 컴퓨터에 ngrok를 설치하고 설정하는 방법을 알아보겠습니다.

컴퓨터에 ngrok를 설치하려면 공식 ngrok 다운로드 페이지로 이동하십시오 .

그런 다음 ZIP 파일을 다운로드하고 압축을 풀거나 Chocolatey 또는 Homebrew와 같은 패키지 관리자를 사용하여 설치하여 특정 OS(운영 체제)용 ngrok 다운로드를 진행해야 합니다.

Windows 및 macOS에서 Chocolatey 또는 Homebrew와 함께 ngrok를 설치하려면 패키지 관리자가 설치되어 있어야 합니다.

Windows에 Chocolatey를 설치하려면 Windows PowerShell 관리자 내에서 다음 명령을 실행합니다.

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))


macOS에 Homebrew를 설치하려면 터미널에서 다음 명령을 실행하세요.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"


이제 적절한 패키지 관리자가 있으며 둘 중 하나를 사용하여 컴퓨터에 ngrok를 설치할 수 있습니다.

계정으로 새 로컬 ngrok 터널 만들기

ngrok 터널을 만들어 로컬 서버를 노출하려면 ngrok 계정에 가입하고 인증 토큰을 만들어야 합니다.

1단계: 가입

ngrok 의 가입 페이지 로 이동하여 필요한 세부 정보로 양식을 작성하고 가입 을 클릭합니다 .

2단계: 구성에 토큰 추가

이제 계정이 있으므로 자동으로 생성된 인증 토큰을 ngrok.yml 구성 파일에 추가해야 합니다. 이 토큰은 귀하의 계정에 고유하므로 안전하게 보관해야 합니다. 인증 토큰을 추가하려면 측면 탐색 모음에서 Your Authtoken 페이지로 이동합니다.

인증 토큰을 복사하고 터미널에서 데모 명령을 실행하여 구성 파일을 설정할 수 있습니다.

ngrok config add-authtoken YOUR_AUTH_TOKEN


3단계: ngrok 실행

이전 단계를 완료하면 ngrok 터널을 생성하여 서버를 실행할 수 있습니다.

이렇게 하려면 기본 포트 번호로 다음 명령을 실행합니다.

예를 들어:

ngrok http 3000


이제 컴퓨터에서 실행 중인 로컬 ngrok 터널이 생겼습니다.

일반적인 설정 문제 처리

• 방화벽 제한: 컴퓨터가 방화벽 뒤에 있는 경우 ngrok이 인터넷에 연결할 수 있도록 설정을 조정해야 할 수 있습니다.
• 잘못된 인증 토큰: ngrok를 시작할 때 잘못된 인증 토큰을 입력하면 토큰이 유효하지 않다는 오류 메시지가 표시될 수 있습니다. 인증 토큰 재설정 버튼 을 클릭하여 토큰을 확인하거나 웹 사이트에서 토큰을 재설정하십시오 .
  
• 권한 거부됨: ngrok를 시작할 때 “권한 거부됨” 오류가 발생하면 ngrok 명령을 관리자로 실행하거나 상승된 권한으로 실행해야 할 수 있습니다.

로컬 웹 개발에 ngrok 사용의 이점

개인 프로젝트를 진행하든 팀과 공동 작업을 하든 ngrok는 웹 개발 툴킷에서 유용합니다. 다양한 플랫폼 및 프로그래밍 언어와의 호환성을 통해 웹 애플리케이션 테스트, 협업 또는 클라이언트에 대한 데모 프로젝트에 적합합니다.