Flutter로 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법

Flutter 웹 앱 실행하기: 사용자 지정 호스트네임과 포트 설정 방법

 

flutter run -d edge --web-hostname 192.168.0.100 --web-port=8080

Flutter는 웹, 모바일, 데스크톱 등 다양한 플랫폼에서 애플리케이션을 개발하는데 사용되는 오픈 소스 프레임워크이다. 이번 포스팅에서는 Flutter로 개발한 웹 애플리케이션을 사용자 지정 호스트네임과 포트를 이용해 실행하는 방법에 대해 알아보겠습니다.

Flutter 프로젝트를 실행하기 위해 flutter run 명령어를 사용합니다. 

이때 -d 옵션은 사용할 디바이스를 선택하는 옵션으로, 이 예제에서는 'edge'를 사용했는데, 이는 Edge 브라우저에서 앱을 실행하겠다는 것을 나타낸다. -d 옵션에 대해 더 자세히 알고 싶으시면 아래 펼치기를 클릭해주세요~!

사용 가능한 디바이스 ID를 확인하려면 `flutter devices` 명령어를 사용하면 된다. 이 명령어는 현재 시스템에 연결된 모든 디바이스와 에뮬레이터의 목록을 출력해준다.

`-d` 옵션에 대해 자주 사용되는 값들은 아래 참조 ↓↓↓

1. `all`: 모든 연결된 디바이스에서 Flutter 애플리케이션을 실행합니다.
2. `chrome`: Google Chrome 브라우저에서 Flutter 웹 애플리케이션을 실행합니다. 
3. `edge`: Microsoft Edge 브라우저에서 Flutter 웹 애플리케이션을 실행합니다. 
4. `ios`: 가장 최근에 실행된 iOS 시뮬레이터에서 Flutter 애플리케이션을 실행합니다.
5. `android`: 가장 최근에 실행된 Android 에뮬레이터 혹은 물리적인 Android 디바이스에서 Flutter 애플리케이션을 실행합니다.

--web-hostname과 --web-port 옵션은 각각 웹 서버의 호스트네임과 포트를 설정한다.

따라서 flutter run -d edge --web-hostname 192.168.0.100 --web-port=8080 이라는 명령어를 사용하면, Flutter 앱은 Edge 브라우저에서 호스트네임 '192.168.0.100'와 포트 '8080'로 실행됩니다. 이를 통해 개발자는 로컬 네트워크의 다른 장치에서 앱을 테스트하거나, 특정 포트에서 실행되는 서비스와 Flutter 앱을 함께 사용하는 등의 다양한 상황에 대응할 수 있게 된다.