Flutter Web Hoting On Firebase

BYSON STUDIO·2023년 9월 22일
0

1. Flutter Web Project를 생성 한다

2. Firebase Initialize

  • $ firebase init
    을 입력하고
  • ◉ Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys
    Hosting 만 Space Bar로 선택하고 Enter로 계속한다
  • ? What do you want to use as your public directory? build/web
    public directory를 지정해라 나오면 build/web 을 입력하고 Enter로 계속
  • ? Configure as a single-page app (rewrite all urls to /index.html)? (y/N)
    single-page app으로 구성할건지 물어보면 y를 누르고 Enter로 계속
  • ? Set up automatic builds and deploys with GitHub? (y/N)
    자동으로 깃을 이용하여 빌드 배포 할건지 물어보면 원하는데로 해라
    우선은 N누르고 Enter로 계속
  • ? File build/web/index.html already exists. Overwrite? (y/N)
    첫 초기화시엔 안나오지만 이미 한번 빌드한 프로젝트라면 나옴
    y를 누르고 Enter로 계속

3. Build Flutter Web

  • $ flutter build web
    해주면 빌드된다. 빌드 결과는 build/* 에서 볼수 있다

4. Firebase Deploy

  • $ firebase deploy --only hosting
    해주면 빌드한 웹페이지가 Firebase로 올라간다

    Firebase Console에서 Hosting탭을 보면 현재 버전을 확인할 수 있다.

    도메인의 url을 눌러보면 방금 내가올린 웹페이지를 확인할 수 있다.

0개의 댓글