본문 바로가기
개발/Firebase

firebase 에서 flutter web deploy할 때

by dev_caleb 2023. 7. 28.
728x90

다른 블로그에도 많이 나와있지만 영상으로 보면서 하면 좀 확실하게 볼 수 있어서 좋은 것 같다.

 

https://www.youtube.com/watch?v=cYev4MCvGeY 

 

 

 

https://zzangwoo.tistory.com/entry/플러터-Web-파이어베이스에-배포-Flutter-웹-Firebase-Hosting-호스팅

 

[플러터] Web 파이어베이스에 배포 - Flutter, 웹, Firebase Hosting, 호스팅

기본 플러터 웹 프로젝트 생성 플러터 웹 프로젝트를 생성하고 Chrome에서 빌드한 화면이다. 로컬에서 빌드했기 때문에 해당 웹 주소는 localhost다. 다른 사람도 접속을 하게 하기 위해 서버에 빌드

zzangwoo.tistory.com

0. firebase cli 설치

1. firebase login 

2. firebase init -> hosting 에 내 프로젝트로 들어가기

3. 

4. flutter build web(이미지가 안나올 수도 있다 아래의 구문을 사용하자)

flutter build web --web-renderer html --release

https://nobang.tistory.com/entry/Flutter-Failed-to-load-network-image

 

[Flutter] Failed to load network image

flutter를 web으로 해서 test할 때, firebase 에 정상적으로 image가 upload되어있고 image : NetworkImage(snap['imageUrl']) 를 했는데 코드에는 이상이 없는데 실행해서 보면 ======== Exception caught by image resource service

nobang.tistory.com

5. firebase deploy --only hosting

 

재배포할 때는  4, 5 과정만 해주면 된다.

728x90