카테고리 없음

폐쇄망 PC(MAC) 개발환경 localhost:8081 -> 안드로이드 기기로 확인

소행성왕자 2023. 1. 11. 14:19

MAC m1 에서 로컬환경구성후 (localhost:8081) 해당 페이지를 안드로이드에서 확인할수 있도록 하기 위함이다.

이는 폐쇄망(은행권 등) 에서 인터넷이 안될때 할수 있는 방법이다.

 

필요사항

  • PC (MAC M1)
  • localhost 서버 환경 (KB star 베이직 환경)
  • 안드로이드 기기 (갤럭시 S20FE)

 

1. (MAC) 로컬 개발환경 구축 

2. (MAC) adb 설치 및 환경 설정 완료후 adb devices 명령어 실행

  usb 로 연결된 휴대폰 아래와 같이 R3CNC~~ 로 보임

3. (MAC) 크롬에서 chrome://inspect/#devices 접속

  Port forwarding.. 클릭

8081 포트 추가 와 Enable port forwarding 체크 

4. (휴대폰) 휴대폰 크롬을 띄운후 Open tab with url 입력항목에 localhost:8081 입력후 Open 버튼을 클릭하면

휴대폰 크롬에서 입력한 url 접속된다.

inspect 항목을 클릭하면 아래와 같이 PC 에서 모바일 디바이스를 디버깅 할수 있다.