외부에서 로컬 개발 프로젝트 접근하기

목적

• 로컬에서 개발중인 내 프로젝트가 외부에서 접속했을 때 정상 작동하는지 확인하고자 함.
• 일부 사용자들에게 현재 로컬에서 진행중인 서버에 접속하게 하고 싶음.

등의 이유로 외부에서 로컬 프로젝트에 접근하고자 할 때 다음 방법이 도움이 될 수 있다.

 

이것도 외부에서 오라클DB 접근할 때와 같이 포트포워딩을 해주면 된다.

 

 

[IP 확인]

명령프롬프트(검색창에 cmd)를 실행한 후 ipconfig 입력

명령프롬프트

위 테두리 된 부분을 적어두자.

 

먼저 작업중인 페이지를 실행시켜 주소창을 보면 다음과 같을 것이다.

기본 접속

앞에 localhost 대신 명령프롬프트에서 알아낸 [IPv4 주소:8080] 이런식으로 작성해도 접속이 된다.

 

같은 공유기를 사용하고 있다면 스마트폰이나 다른 노트북 등으로도 접근이 가능하다.

 

하지만, 데이터를 사용하거나 다른 공유기 인터넷으로 접속하면 접근이 안된다.

 

 

[포트포워딩]

주소창에 위에서 확인한 기본게이트웨이 주소를 입력해서 공유기 설정으로 들어간다.

공유기 설정

공유기 설정은 사용하는 공유기마다 다르다.

 

포트포워드 설정 또는 NAT 포워딩 등의 키워드를 찾아보자..

포트포워딩 설정

• Device IP Address : 명령프롬프트에서 알아낸 IP주소
• External Port : 외부에서 접근할 때 이용하는 포트 번호
• Internal Port : 외부에서 들어왔을 때 연결해줄 내부의 포트 번호

 

현재 내 프로젝트에서 사용하는 포트 번호는 8080이므로 8080으로 설정해줬다.

 

마지막으로 외부에서 내 PC로 접근하기 위해 외부IP 주소가 필요하다.

 

네이버나 구글에 내IP 또는 ip address를 검색해보면 나온다.

외부 IP 검색

 

이제 서버가 실행되고 있는 상태에서 [외부IP주소:포트번호] 이런식으로 접속하면 내 프로젝트에 접근할 수 있다.

스마트폰 데이터 접속 결과