[flutter-web] 웹 호스팅 firebase web hosting

 

firebase 에서 프로젝트 추가를 한다.

 

프로젝트명을 입력

firebase 에 프로젝트명을 입력한다.

잠시 기다리면 프로젝트가 생성됩니다.

 

호스팅 메뉴를 선택합니다.

 

firebase 호스팅 설정을 합니다.

 

첫줄부터 실패를 합니다.

 % npm install -g firebase-tools 
zsh: command not found: npm

 

brew를 통해 노드를 설치해 준다.

//Homebrew설치
%/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

//노드 설치
% brew install node

https://butter-ring.tistory.com/17

 

 

다시 호스팅설정을 해줍니다.

//Firebase CLI설치
$ npm install -g firebase-tools

//터미널 창을 열고 웹 앱의 루트. 디렉토리로 이동하거나 루트 디렉토리를 만드세요.
//Google에 로그인 
$ firebase login

 

로그인에 성공하면 아래와 같이 웹에 메세지가 나타납니다.

//프로젝트 시작 
$ firebase init

 

hosting 에 space를 선택하고 enter로 설정해 준다.

만들어 놓은 프로젝트를 선택한다.

 

build/web 을 설정해 준다.

 

성공하면 아래와 같은 화면이 나옵니다.

프로젝트를 deploy 합니다.

 $ firebase deploy

 

성공하면 위와 같은 화면이 나옵니다.

hosting url 을 클릭해보니,

 

 

빌드된 파일이 실패를 하였는지 위와 같은 화면이 나옵니다.

//flutter web 을 빌드합니다.
$ flutter build web

 

firebase deploy --only hosting

deploy를 한다.