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에서 포트 포워딩하는 방법