flutter의 경우 현재 iOS, Android 크로스 플랫폼으로 많이 사용하고 계실텐데요.
최근 커뮤니티를 보면 Flutter를 통한 Web App 개발도 활발한 것 같습니다.
Web App 뿐만 아니라 Windows, Linux, macOS Desktop Application도 빌드 가능한데요.
아래 빌드하는 방법을 공유드리려고 합니다.
한 번 확인해보시고 Flutter의 미래를 미리 느껴보는 것도 하나의 재미일 듯 하네요.
Web App 빌드
project 루트에서 아래 명령어를 사용하여 테스트가 가능합니다.
$ flutter channel beta
$ flutter upgrade
$ flutter config --enable-web
$ flutter packages pub global activate webdev
$ flutter packages upgrade
# 기존 프로젝트에서 Web용 소스코드 생성 명령어.
$ flutter create --platforms=web .
$ flutter run -d chrome
Windows App 빌드
먼저 Windows App을 빌드하기 위해 MS 컴파일러가 필요하여 Visual Studio 설치가 필요하다.
https://visualstudio.microsoft.com/ko/
현재 개발중이므로 flutter의 dev브랜치에서 확인 가능하다.
추 후 릴리즈되면 flutter channel 변경은 필요없다.
$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-windows-desktop # for windows
$ flutter create --platforms=windows .
# you need to install Xcode or VisualStudio or gcc toolchains.
$ flutter run -d windows # for windows
macOS App 빌드
iOS와 동일하게 macOS용 앱을 빌드하기 위해서는 Xcode를 설치해야 한다.
$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-macos-desktop # for macOS
$ flutter create --platforms=macos .
# you need to install Xcode or VisualStudio or gcc toolchains.
$ flutter run -d macos # for macOS
Linux App 빌드
CMakeLists를 확인해보니 리눅스 앱을 빌드하기 위해서는 gtk+3.0 및 필요한 패키지를 설치해야 한다.
필요시 gcc 버전을 업그레이드할 수도 있겠다.
$ sudo apt-get install clang cmake ninja-build pkg-config libgtk-3-dev libblkid-dev liblzma-dev
$ flutter channel dev
$ flutter upgrade
$ flutter config --enable-linux-desktop # for linux
$ flutter create --platforms=linux .
# you need to install Xcode or VisualStudio or gcc toolchains.
$ flutter run -d linux # for linux
각 플랫폼 빌드를 위한 소스 생성 방법
flutter create 명령어의 --platforms 아규먼트를 통해 플랫폼을 지정하면 해당 플랫폼 빌드를 위한 소스가 생성됩니다.
$ flutter create --platforms=windows,macos,linux,web .
반응형
'개발일지 > Flutter' 카테고리의 다른 글
flutter - fvm 적용하기 (Futter Version Management) (2) | 2021.03.08 |
---|---|
Flutter - [dartdoc] API 자동 문서화 (0) | 2021.02.19 |
flutter에서 쉽게 다국어 처리 - 현지화하기 - localization (0) | 2021.02.16 |
Flutter - NumberFormat - 숫자 세자리마다 콤마 넣기 (0) | 2021.02.14 |
Flutter - Plugin project :firebase_core_web not found (0) | 2021.02.12 |