Vscode Local Port Forwarding

저번 글에서 ngrok을 이용한 localhost 즉 내부 포트를 외부로 안전하게 공개하는 도구에 대해서 알아봤었는데, vscode를 이용하다가 똑같은 기능이 내장되어있는 것을 발견했다.vscode를 매일 사용하고 있었는데 몰랐다니..

(ngrok 사용법은 아래 링크에서 확인하면 됩니다.)

ngrok 사용법

 

아래와 같이 terminal바 옆에 PORTS라는 탭이 있는데, 저기서 Forward a Port를 누르고 원하는 포트번호를 입력해주면 손쉽게 내부포트를 안전한 url로 공개할 수가 있다.

이 때, 추가로 진행해줘야할 것이 ngrok에서는 바로 해당 포트가 공개로 전환되었는데, vscode에서 사용할 때 해당 port를 외부로 공개하기 위해서는 아래 이미지에서처럼 Visibility 탭에서 Port Visibility값을 Public으로 바꿔줘야 한다. 이후 Forwarded Address에 있는 값을 외부로 공개해서 사용해주면 된다~~

자세한 내용은 아래 Visual studio code의 공식 문서를 확인하면 좋을 것 같다.

Local Port Forwarding

 

 

+)vscode에서 무료 도메인 악용을 막기위해 개발모드에서만 사용가능하도록 제한을 걸어놨다고 한다.

Visual Studio Code에서 포트 포워딩하는 방법