Firebase web hosting 하기

이게 될때가 있고 안될때가 있지만
다시 해보자

flutter web 으로 프로젝트를 만들었다고 가정합니다.

---

1. firebase console에서 프로젝트를 만듭니다.

프로젝트이름

애널리틱스 체크

해도 그만 안해도 그만이다.

애널리틱스 계정 선택

계정 선택하고 프로젝트를 만들면된다 .

2. 터미널에서 명령하기

 - 1단계: Firebase CLI 설치 

node.js 가 필요하다 .

npm install -g firebase-tools

npm 으로 firebase 를 전역변수로 설치합니다. 

firebase login

그리고 login 하는게 정신 건강에 좋습니다.

 

- 2단계: 프로젝트 초기화

 

firebase init

Are you ready to proceed? Yes

 

방금 만든 프로젝트를 사용하기 위해 

Use an existing project 

한다. 

What do you want to use as your public directory? build/web

웹 프로젝트 build 용 public 폴더의 위치는 어디에다 할 것인가? 

일반적으로 build 폴더의 web 폴더에 만드는것이 편한다

 

나중에 flutter build web 할때 위에 지정한 폴더에 web 프로젝트가 빌드된다. 

 

 Configure as a single-page app (rewrite all urls to /index.html)? 
Yes

프로젝트를 spa 로 구성할거냐 물어볼건데 그냥 spa로 해보자 

 

git hub 연결은 일단 안했다 .

$ flutter build web

$ firebase deploy

build web을 하는 순간 위에 지정한 폴더에 프로젝트가 빌드되고

firebase deploy 를 하면 배포된다. 

 

firebase 기본 화면이 뜰때도 있지만 그냥 조금 기다렸다가 되는 경우도 있다. 

 

참고자료: Building a Website In Flutter - Flutter Web Beginners Tutorial - YouTube