[Flutter] web device local debug test

 

 

 

Flutter로 웹을 지원하고 개발할 때 실제 디바이스 웹으로 테스트하는 방법을 소개하겠습니다.

 

 

1. 준비

컴퓨터와 모바일 네트워크를 맞추셔야 합니다. 디바이스를 컴퓨터와 같은 네트워크 와이파이로 연결합니다.

 

 

 

2. Ip주소 확인

window / mac 에서 Ip주소를 확인합니다.

ex)  192.111.1.1  

 

 

3. Flutter 웹 빌드

project root directory 터미널에 다음 명령을 입력합니다.

flutter run -d chrome --web-hostname 192.111.1.1 --web-port 8181

hostname 에는 2번에서 확인한 Ip주소를 넣어주시고, port 에는 사용하지 않는 포트번호 자유롭게 설정하셔도 됩니다.

 

 

 

빌드를 하게되면 192.111.1.1:8181 포트로 빌드된 앱이 올라가게 됩니다.

 

 

4. 디바이스 웹으로 확인

 

같은 네트워크로 연결된 디바이스 웹브라우저 주소에 3번에서 빌드한 host주소와 port번호를 입력합니다.

ex) 192.111.1.1:8181

 

 

 

감사합니다.