프론트엔드 - 로컬 네트워크 쉽게 인터넷으로 공유하기(ngrok)

 

https://ngrok.com/

ngrok - Online in One Line

ngrok이란?

ngrok is a globally distributed reverse proxy fronting your web services
포트포워딩이 필요 없이(리버스 프록시) 내 웹 서버를 인터넷 전역으로 호스팅 해주는 터널링 도구이다.

ngrok 명령어를 사용하면 임의의 uri 주소를 생성해주는데 이곳을 접속하면 바로 내 웹 콘텐츠에 접근할 수 있다. 설령 방화벽이 있다고 해도 아웃바운드 방식으로 콘텐츠를 제공하기 때문에 따로 포트포워딩을 해줄 필요도 없다. (이점 때문에 C&C 서버에도 자주 쓰이는듯하다)

설치(우분투)

 

sudo snap install ngrok

 

사용 방법

http 터널링

ngrok http 80

tcp 터널링

ngrok tcp 22

세션 제한 없이 사용하기

약 2시간 정도 세션 제한 시간이 있는데 ngrok 공식 사이트에 가서 회원 가입을 하면 토큰을 발급해주는데

ngrok을 사용할 때마다 토큰을 옵션(--authtoken)

으로 건네주면 시간제한 없이 사용할 수 있다카더라

ngrok http 80 --authtoken <Your_Token>

npm 설치

타입스크립트로 만든 도구라서 node.js와 호환이 잘된다.
https://www.npmjs.com/package/ngrok

ngrok

Local Install

npm install ngrok

Global Install

npm install ngrok -g
ngrok http 8080

require 해서 이런저런 기능들을 사용할 수 있음

const ngrok = require('ngrok');
(async function() {
  const url = await ngrok.connect();
})();

자세한 건 npm 사이트에서 확인