Alan Shreeve ?‍?가 개발 한 Ngrok를 사용하여 전 세계 어디에서나 localhost를 공유 할 수 있습니다.

https://dev.to/dip15739/how-to-share-localhost-anywhere-in-to-the-world-36gn

Ngrok는 무엇입니까? 

Ngrok는 기본적으로 로컬 개발 서버에 대한 터널을 만들고 http 및 https를 사용하여 ngrok.com에 임의의 하위 도메인을 생성합니다. 링크를 사용하면 어디서나 로컬에서 개발 된 애플리케이션을 볼 수 있지만 필요한 개발 서버는 계속 실행됩니다.

Ngrok를 사용하는 방법? 

ngrok 사용은 매우 간단합니다.

1. 설정 및 설치
2. 구성
3. 터널 시작

1. 설정 및 설치 

ngrok 사용을 시작하려면 ngrok에 계정을 등록해야 합니다.

가입하면 대시 보드로 이동합니다.

운영 체제에 따라 올바른 패키지를 다운로드하고 설치 단계에 대해 설명합니다.

Linux / Mac의 경우 :- 

1. zip을 다운로드하고 터미널에서 아래 명령을 사용하여 압축을 풉니다.

unzip /path/to/ngrok.zip

2. 명령 프롬프트의 어느 곳에서나 ngrok에 액세스합니다.

• 아래 명령을 사용하여 bin 디렉토리에서 ngrok를 복사 / 이동하십시오.
• zip 파일을 추출하는 이 명령을 실행하십시오.

cp ngrok /usr/local/bin 

3. bash를 다시 시작하면 ngrok 명령을 실행할 수 있습니다.

Windows의 경우 :- 

1. zip을 다운로드하고 실행 파일의 압축을 풀고 실행하십시오.

2. 실행 파일 ngrok.exe를 C : \ Windows \ system32 \ ngrok.exe로 이동

3. 환경 변수 추가

• 컴퓨터 아이콘을 마우스 오른쪽 버튼으로 클릭하고 속성을 선택하거나 Windows 제어판에서 시스템을 선택합니다.
• 고급 시스템 설정을 선택합니다.
• 고급 탭에서 환경 변수를 클릭합니다.
• 새로 만들기를 클릭하여 새 환경 변수를 만듭니다.
• 경로 추가 C : \ Windows \ system32 \ ngrok.exe
• 적용을 클릭 한 다음 확인을 클릭합니다.

4. 이제 ngrok 명령을 실행할 수 있습니다.

2. 구성 

다음 단계는 ngrok 계정으로 시스템에 설치 한 클라이언트를 인증하는 것입니다.

터미널에서 다음 명령을 실행하십시오.

ngrok authtoken YOUR_AUTH_TOKEN

YOUR_AUTH_TOKEN은 대시 보드에 표시되는 토큰입니다. 이렇게 하면 계정의 auth_token이 로컬 머신의 .yml 파일에 저장됩니다.

3. 터널 시작 

터미널에서 다음 명령을 실행하십시오.

ngrok http 80

여기서 80은 로컬 서버가 실행 중인 포트 번호입니다. 실행 중인 로컬 서버의 PORT NUMBER로 변경해야 합니다. 터널링 하려는 애플리케이션의 개발 서버가 실행 중인지 확인합니다.

React 앱으로 예제를 보자 ? 

먼저 npx create-react-app my-app을 사용하여 반응 앱을 만들고 npm을 사용하여 로컬 서버를 시작합니다. 아래 명령을 사용하여 터널을 추가하지 마십시오.

ngrok http 3000

이 명령을 실행하면 터미널 / 프롬프트가 다음과 같이 보일 것입니다.

애플리케이션에 액세스 할 수 있는 무작위로 생성 된 하위 도메인을 보여줍니다.

이 커버 다이어그램은 ngrok에서 직접 가져 왔습니다 ?