귀찮아도 또다시 해보자 3 - flutter build web, firebase hosting 에 올리기

웹 릴리즈용을 빌드한다 

flutter build web

 

위 명령어를 입력하면 root project folder 아래에 android / Ios 외에 /web 이 추가된다 

(아직 개발버전이라는 warning이 좀 뜰 수도 있다, 버전 따라 조금 다를 듯)

 

이미 만든 프로젝트에 web을 추가하고 싶으면 아래 명령어 라는 거 같다(아직 안해봤음 이건)

flutter create .

flutter run -d chrome

https://flutter.dev/docs/get-started/web

Building a web application with Flutter

 

기본 사이트를 firebase hosting 에 업로드 해보자 

https://console.firebase.google.com/
파이어 베이스 콘솔에 프로젝를 만들고 Hosting 탭을 클릭한다 

 

터미널에서 

sudo npm install -g firebase-tools 

로그인 해주고

firebase login

프로젝트 root 폴더에서 init을 해준다

firebase init

다음으로 firebase 의 어떤 기능을 쓸 것인지 선택하는데 테스트 레벨이니까 본연 목적에 맞게 hosting만 선택해준다

이후 Public directory 어디로 할까요 default public 이라고 물어보면 build/web 으로 선택 해주면 끝

( 실수로 엔터 누르거나 public 으로 선택하면 추후 firebase.json 의 "public":"public" 부분을 "build/web" 으로 변경 해주면 된다 )

 

firebase hosting만 deploy 할 때 쓰는 명령어로 호스팅 서버에 올린다

firebase deploy --only hosting

 

업로드 후, 나오는 페이지를 확인하면 웹 접속이 가능해진다 

https://{{firebase project name}}.firebaseapp.com

 

기본 서버 웹에 올리기 끝 

참고
https://flutter.dev/docs/get-started/web

https://itnext.io/flutter-web-firebase-hosting-45d7e3fc50f9