인터넷을 통해 localhost 애플리케이션에 액세스 - Ngrok 사용

때로는 보안 HTTPS가 필요한 localhost 프로젝트에서 작업할 때 정말 실망스러울 수 있습니다. 테스트를 위해 인터넷을 통해 사용할 수 있습니다.
Ngrok를 사용하여 보안 HTTPS에서 localhost 프로젝트를 만들고 디버깅할 수 있습니다.
Ngrok를 사용하면 보안 HTTPS를 사용하여 인터넷을 통해 localhost 프로젝트에 액세스할 수 있습니다.

이 기사에서는 Ngrok을 사용하여 쉬운 테스트 및 디버깅 목적으로 인터넷을 통해 로컬 호스트 프로젝트를 사용할 수 있도록 하는 방법을 배웁니다.

응록이란 무엇입니까?

Ngrok은 로컬 시스템은 물론 모든 클라우드 또는 사설 네트워크에서 웹 서비스를 제공하는 전 세계적으로 분산된 역방향 프록시입니다. 이를 통해 개발자는 인터넷을 통해 로컬에서 웹 서버 서비스를 호스팅할 수 있습니다. 이러한 로컬 호스팅 서버는 이제 ngrock.com 하위 도메인에서 호스팅되는 것으로 나타납니다.
프로젝트에 ngrok 실행을 사용할 수 있으려면 프로젝트가 로컬 컴퓨터에서 실행 중이어야 하며 http://localhost:[any_port]에서 사용할 수 있어야 합니다.

Ngrok 설정 방법

시작하기 전에 Ngrok 대시보드로 이동해야 합니다login. 계정이 없는 경우 해당 웹사이트에서 새 계정ngrok account을 만들 수 있습니다.

1 단계

Ngrok 대시보드에서 Windows용 다운로드를 클릭하여 컴퓨터에 Ngrok를 다운로드합니다.

2 단계

Ngrok이 다운로드를 완료하면 다운로드한 파일의 압축을 풉니다.
터미널을 열고 Ngrok 에이전트 파일을 추출한 폴더로 이동합니다. 이제 아래 명령을 실행하여 Ngrok 에이전트를 설치합니다.

start ngrok.exe

3단계

이제 설치된 ngrok 에이전트에 ngrok authtoken을 추가해야 합니다. 이 작업은 매우 간단합니다. ngrok 대시보드로 이동하여 Your Authtoken을 클릭하여 토큰을 가져옵니다. 명령줄에서 아래 스크린샷에 표시된 대로 명령을 복사합니다.

4단계

터미널에서 마우스 오른쪽 버튼을 클릭하고 이전 단계의 복사 명령을 지나 실행하여 Authtoken을 구성합니다. Authtoken이 성공적으로 구성되면 이제 Ngrok 에이전트를 테스트할 수 있습니다.

5단계

ngrok를 시작하기 전에 컴퓨터에서 로컬 호스트 서버를 실행해야 합니다. 컴퓨터에 로컬 웹 서버가 있는 경우 이 단계를 건너뛸 수 있지만 로컬 웹 서버로 반응 앱을 생성하지 않으면 다른 터미널에서 아래 명령을 실행합니다.

npx create-react-app my-app
cd my-app
npm start

반응 앱이 설치되면 반응 애플리케이션이 localhost 포트 3000에서 실행됩니다.

6단계

이제 로컬 웹 서버가 실행 중이므로 아래 명령을 사용하여 터미널에서 ngrok를 시작할 수 있습니다.

ngrok http 3000

참고: 3000을 로컬 웹 서버가 실행 중인 포트로 바꾸십시오.

전달 URL을 복사하여 브라우저에 붙여넣으면 아래 스크린샷과 유사한 내용이 표시됩니다.

결론

이 튜토리얼에서는 Ngrok를 사용하여 로컬 호스트 웹 서버를 인터넷에서 사용할 수 있도록 하는 방법을 배웠습니다. 이를 통해 개발자는 내부에서 공식적으로 프로젝트를 시작하기 전에 더 많은 제어와 유연성을 얻을 수 있으며 개발 프로세스도 더 쉬워집니다.
튜토리얼을 즐기시기 바랍니다. 감사합니다.