7. Flutter 개발 환경 Setting

 

참고자료

 

[Linux] 리눅스 쉘(Shell) 간단한 스크립트 작성 및 실행 방법

 

---

 

과정

flutter로 실행하면 잘 동작하는데, build 후에 static파일을 실행하면 blank만 나오는 버그를 마주 했다.

일단 의심가는 라이브러리는 다 찔러봤는데 다 문제가 없었다.

 

그냥 flutter로 실행시키고, WAS 서버를 하나 더 두고 말까라는 생각이 들었으나,

이건 타협을 하기 싫어서 조금만 더 시간을 투자 하기로 했다.

 

---

 

개발 환경 구축

github와 google은 전전하며, 별 짓거리를 다 했다.

라이브러리를 바꿔도 보고, channel을 수도 없이 바꿔보고 말이다.

음 아무리 봐도 개판이 되어버렸다!

 

Window 자체가 못 미덥기도 하고, 내 환경은 이미 개판이 났으니

docker로 깔끔한 환경에서 개발을 해버리자!

https://oozoowos.tistory.com/entry/Flutter-Docker%EB%A1%9C-Flutter-%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%8B%9D-%ED%95%98%EA%B8%B0

[Flutter] Docker로 Flutter 컨테이닝 하기

 

위의 글을 참고해서 DockerFile을 만들었다.

FROM debian:latest AS build-env

RUN apt-get update
RUN apt-get install -y curl git unzip python3
RUN apt-get clean

RUN git clone https://github.com/flutter/flutter.git /usr/local/flutter

ENV PATH="/usr/local/flutter/bin:/usr/local/flutter/bin/cache/dart-sdk/bin:${PATH}"

RUN flutter doctor -v

RUN flutter channel master
RUN flutter upgrade
RUN flutter config --enable-web

 

---

 

빌드 스크립트 작성

flutter run과 build run이 다르다는 것을 알아버렸으니

앞으로는 테스트도 build run으로 하는것이 바람직 하다고 생각했다.

 

이는 꽤나 귀찮은 과정을 동반한다.

1.  flutter clean으로 기존 빌드와 의존성을 날린다.
2. flutter pub get으로 의존성을 다시 다운한다.
3. flutter build web --release로 build 한다.
4. python3 -m http.server 8080 -d build/web으로 서버를 연다.

 

sh파일을 만드려고 찾아보니, bat파일 만들기 보다 쉽다.

#! /bin/bash

echo -e "\n-------------------------------"
echo -e "| remove build & dependency... |"
echo -e "-------------------------------\n"
flutter clean
flutter pub get

echo -e "\n--------------------------"
echo -e "| build and run server... |"
echo -e "--------------------------\n"
flutter build web --release
python3 -m http.server 8080 -d ./build/web

exit 0

 

 

 

DockerFile로 개발 환경 안정화 및 빌드 자동화를 해 놓았으니

이제 구르면 끝!